@layerfi/components 0.1.52 → 0.1.54

package/dist/index.js

@@ -52,12 +52,13 @@ __export(src_exports, {
   StatementOfCashFlow: () => StatementOfCashFlow,
   Tasks: () => Tasks,
   useBankTransactionsContext: () => useBankTransactionsContext,
+  useDataSync: () => useDataSync,
   useLayerContext: () => useLayerContext
 });
 module.exports = __toCommonJS(src_exports);
 
 // src/providers/LayerProvider/LayerProvider.tsx
-var import_react12 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 
 // src/api/util.ts
 var formStringFromObject = (object) => Object.entries(object).map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(v)}`).join("&");
@@ -206,9 +207,12 @@ var getBankTransactions = get(
     businessId,
     cursor,
     categorized,
+    direction,
+    startDate,
+    endDate,
     sortBy = "date",
     sortOrder = "DESC"
-  }) => `/v1/businesses/${businessId}/bank-transactions?${cursor ? `cursor=${cursor}&` : ""}${categorized !== void 0 && categorized !== "" ? `categorized=${categorized}&` : ""}sort_by=${sortBy}&sort_order=${sortOrder}&limit=200`
+  }) => `/v1/businesses/${businessId}/bank-transactions?${cursor !== void 0 && cursor !== "" ? `cursor=${cursor}&` : ""}${categorized !== void 0 && categorized !== "" ? `categorized=${categorized}&` : ""}${direction !== void 0 ? `direction=${direction}&` : ""}${startDate !== void 0 && startDate !== "" ? `start_date=${startDate}&` : ""}${endDate !== void 0 && endDate !== "" ? `end_date=${endDate}&` : ""}sort_by=${sortBy}&sort_order=${sortOrder}&limit=200`
 );
 var categorizeBankTransaction = put(
   ({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/categorize`
@@ -549,6 +553,7 @@ var LayerContext = (0, import_react4.createContext)({
   syncTimestamps: {},
   readTimestamps: {},
   hasBeenTouched: () => false,
+  expireDataCaches: () => void 0,
   eventCallbacks: {}
 });
 var useLayerContext = () => (0, import_react4.useContext)(LayerContext);
@@ -605,9 +610,19 @@ var DEPENDENCIES = {
   ["CHART_OF_ACCOUNTS" /* CHART_OF_ACCOUNTS */]: ALL_TOUCHABLE,
   ["JOURNAL" /* JOURNAL */]: ALL_TOUCHABLE,
   ["LEDGER_ACCOUNTS" /* LEDGER_ACCOUNTS */]: ALL_TOUCHABLE,
-  ["LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */]: ALL_TOUCHABLE,
+  ["LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */]: [
+    "BUSINESS" /* BUSINESS */,
+    "LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */,
+    "CHART_OF_ACCOUNTS" /* CHART_OF_ACCOUNTS */
+  ],
   ["PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */]: ALL_TOUCHABLE,
-  ["STATEMENT_OF_CASH_FLOWS" /* STATEMENT_OF_CASH_FLOWS */]: ALL_TOUCHABLE
+  ["STATEMENT_OF_CASH_FLOWS" /* STATEMENT_OF_CASH_FLOWS */]: ALL_TOUCHABLE,
+  ["BANK_TRANSACTIONS" /* BANK_TRANSACTIONS */]: [
+    "LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */,
+    "BANK_TRANSACTIONS" /* BANK_TRANSACTIONS */,
+    "BUSINESS" /* BUSINESS */,
+    "CHART_OF_ACCOUNTS" /* CHART_OF_ACCOUNTS */
+  ]
 };
 var readTimestampsG = {};
 var useDataSync = () => {
@@ -619,7 +634,8 @@ var useDataSync = () => {
     ["LEDGER_ACCOUNTS" /* LEDGER_ACCOUNTS */]: initialTimestamp,
     ["LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */]: initialTimestamp,
     ["PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */]: initialTimestamp,
-    ["STATEMENT_OF_CASH_FLOWS" /* STATEMENT_OF_CASH_FLOWS */]: initialTimestamp
+    ["STATEMENT_OF_CASH_FLOWS" /* STATEMENT_OF_CASH_FLOWS */]: initialTimestamp,
+    ["BANK_TRANSACTIONS" /* BANK_TRANSACTIONS */]: initialTimestamp
   });
   const [readTimestamps, setReadTimestamps] = (0, import_react7.useState)({});
   const touch = (model) => {
@@ -649,12 +665,26 @@ var useDataSync = () => {
       })
     );
   };
+  const resetCaches = () => {
+    const now = Date.now();
+    setSyncTimestamps({
+      ["BALANCE_SHEET" /* BALANCE_SHEET */]: now,
+      ["CHART_OF_ACCOUNTS" /* CHART_OF_ACCOUNTS */]: now,
+      ["JOURNAL" /* JOURNAL */]: now,
+      ["LEDGER_ACCOUNTS" /* LEDGER_ACCOUNTS */]: now,
+      ["LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */]: now,
+      ["PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */]: now,
+      ["STATEMENT_OF_CASH_FLOWS" /* STATEMENT_OF_CASH_FLOWS */]: now,
+      ["BANK_TRANSACTIONS" /* BANK_TRANSACTIONS */]: now
+    });
+  };
   return {
     touch,
     read,
     syncTimestamps,
     readTimestamps,
-    hasBeenTouched
+    hasBeenTouched,
+    resetCaches
   };
 };
 
@@ -680,16 +710,16 @@ var useDrawer = () => {
 };
 
 // src/providers/BankTransactionsProvider/BankTransactionsProvider.tsx
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 
 // src/contexts/BankTransactionsContext/BankTransactionsContext.tsx
 var import_react9 = require("react");
 
 // src/types/bank_transactions.ts
-var Direction = /* @__PURE__ */ ((Direction3) => {
-  Direction3["CREDIT"] = "CREDIT";
-  Direction3["DEBIT"] = "DEBIT";
-  return Direction3;
+var Direction = /* @__PURE__ */ ((Direction2) => {
+  Direction2["CREDIT"] = "CREDIT";
+  Direction2["DEBIT"] = "DEBIT";
+  return Direction2;
 })(Direction || {});
 var DisplayState = /* @__PURE__ */ ((DisplayState2) => {
   DisplayState2["all"] = "all";
@@ -721,6 +751,7 @@ var BankTransactionsContext = (0, import_react9.createContext)({
     pagination: void 0
   },
   updateOneLocal: () => void 0,
+  shouldHideAfterCategorize: () => false,
   removeAfterCategorize: () => void 0,
   activate: () => void 0,
   display: "review" /* review */,
@@ -731,1278 +762,1289 @@ var BankTransactionsContext = (0, import_react9.createContext)({
 var useBankTransactionsContext = () => (0, import_react9.useContext)(BankTransactionsContext);
 
 // src/hooks/useBankTransactions/useBankTransactions.tsx
-var import_react10 = require("react");
-
-// src/components/BankTransactions/constants.ts
-var CategorizedCategories = [
-  "CATEGORIZED" /* CATEGORIZED */,
-  "JOURNALING" /* JOURNALING */,
-  "SPLIT" /* SPLIT */,
-  "MATCHED" /* MATCHED */
-];
-var ReviewCategories = [
-  "READY_FOR_INPUT" /* READY_FOR_INPUT */,
-  "LAYER_REVIEW" /* LAYER_REVIEW */
-];
+var import_react11 = require("react");
 
-// src/components/BankTransactions/utils.ts
-var filterVisibility = (scope, bankTransaction) => {
-  const categorized = CategorizedCategories.includes(
-    bankTransaction.categorization_status
-  );
-  const inReview = ReviewCategories.includes(
-    bankTransaction.categorization_status
-  );
-  return scope === "all" /* all */ || scope === "review" /* review */ && inReview || scope === "categorized" /* categorized */ && categorized;
-};
-var isCategorized = (bankTransaction) => CategorizedCategories.includes(bankTransaction.categorization_status);
+// src/hooks/useLinkedAccounts/useLinkedAccounts.ts
+var import_react10 = require("react");
+var import_react_plaid_link = require("react-plaid-link");
 
-// src/hooks/useBankTransactions/utils.ts
-var import_date_fns = require("date-fns");
-var collectAccounts = (transactions) => {
-  const accounts = [];
-  if (!transactions) {
-    return accounts;
-  }
-  transactions.forEach((x) => {
-    if (!accounts.find((y) => y.id === x.source_account_id)) {
-      accounts.push({
-        id: x.source_account_id,
-        name: x.account_name || ""
-      });
-    }
-  });
-  return accounts.sort((a, b) => a.name.localeCompare(b.name));
-};
-var applyAmountFilter = (data, filter) => {
-  return data?.filter((x) => {
-    if ((filter?.min || filter?.min === 0) && (filter?.max || filter?.max === 0)) {
-      return x.amount >= filter.min * 100 && x.amount <= filter.max * 100;
-    }
-    if (filter?.min || filter?.min === 0) {
-      return x.amount >= filter.min * 100;
-    }
-    if (filter?.max || filter?.max === 0) {
-      return x.amount <= filter.max * 100;
-    }
-  });
-};
-var applyAccountFilter = (data, filter) => data?.filter((x) => filter && filter.includes(x.source_account_id));
-var applyDirectionFilter = (data, filter) => {
-  if (!filter) {
-    return data;
-  }
-  const normalizedFilter = filter.map((x) => x.toLowerCase());
-  return data?.filter(
-    (x) => normalizedFilter.includes(x.direction?.toLowerCase())
-  );
-};
-var applyCategorizationStatusFilter = (data, filter) => {
-  if (!filter) {
-    return data;
+// src/hooks/useLinkedAccounts/mockData.ts
+var LINKED_ACCOUNTS_MOCK_DATA = [
+  {
+    id: "d800ada8-8075-4436-a712-08efabcbd51a",
+    external_account_external_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
+    external_account_source: "PLAID",
+    external_account_name: "Citi Double Cash\xAE Card",
+    mask: "1234",
+    latest_balance_timestamp: {
+      external_account_external_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
+      external_account_source: "PLAID",
+      balance: 435121,
+      at: "2024-04-03T13:00:00Z",
+      created_at: "2024-04-06T22:47:59.715458Z"
+    },
+    current_ledger_balance: 373717,
+    institution: {
+      name: "Chase",
+      logo: ""
+    },
+    connection_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
+    connection_external_id: "11111",
+    connection_needs_repair_as_of: null,
+    requires_user_confirmation_as_of: null,
+    is_syncing: true
+  },
+  {
+    id: "f98ec50a-c370-484d-a35b-d00207436075",
+    external_account_external_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
+    external_account_source: "PLAID",
+    external_account_name: "Citi Double Cash\xAE Card",
+    mask: "1234",
+    latest_balance_timestamp: {
+      external_account_external_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
+      external_account_source: "PLAID",
+      balance: 435121,
+      at: "2024-04-03T13:00:00Z",
+      created_at: "2024-04-06T16:44:35.715458Z"
+    },
+    current_ledger_balance: 373717,
+    institution: {
+      name: "Chase",
+      logo: ""
+    },
+    connection_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
+    connection_external_id: "11111",
+    connection_needs_repair_as_of: null,
+    requires_user_confirmation_as_of: null,
+    is_syncing: false
+  },
+  {
+    id: "843f1748-fdaa-422d-a73d-2489a40c8dc7",
+    external_account_external_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
+    external_account_source: "PLAID",
+    external_account_name: "Citi Double Cash\xAE Card",
+    mask: "1234",
+    latest_balance_timestamp: {
+      external_account_external_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
+      external_account_source: "PLAID",
+      balance: 435121,
+      at: "2024-04-03T13:00:00Z",
+      created_at: "2024-04-06T16:44:35.715458Z"
+    },
+    current_ledger_balance: 373717,
+    institution: {
+      name: "Chase",
+      logo: ""
+    },
+    connection_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
+    connection_external_id: "11111",
+    connection_needs_repair_as_of: "2024-03-06T16:44:35.715458Z",
+    requires_user_confirmation_as_of: null,
+    is_syncing: false
+  },
+  {
+    id: "8f430e29-e339-4d71-a08a-fce469c7a7c1",
+    external_account_external_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
+    external_account_source: "PLAID",
+    external_account_name: "Citi Double Cash\xAE Card",
+    mask: "1234",
+    latest_balance_timestamp: {
+      external_account_external_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
+      external_account_source: "PLAID",
+      balance: 435121,
+      at: "2024-04-03T13:00:00Z",
+      created_at: "2024-04-06T16:44:35.715458Z"
+    },
+    current_ledger_balance: 373717,
+    institution: {
+      name: "Chase",
+      logo: ""
+    },
+    connection_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
+    connection_external_id: "11111",
+    connection_needs_repair_as_of: null,
+    requires_user_confirmation_as_of: "2024-03-06T16:44:35.715458Z",
+    is_syncing: false
   }
-  return data?.filter(
-    (tx) => filterVisibility(filter, tx) || filter === "all" /* all */ || filter === "review" /* review */ && tx.recently_categorized || filter === "categorized" /* categorized */ && tx.recently_categorized
-  );
-};
-var appplyDateRangeFilter = (data, filter) => {
-  return data?.filter((x) => {
-    const txDate = (0, import_date_fns.parseISO)(x.date);
-    if (filter?.startDate && filter?.endDate) {
-      return txDate >= filter.startDate && txDate <= filter.endDate;
-    }
-    if (filter?.startDate) {
-      return txDate >= filter.startDate;
-    }
-    if (filter?.endDate) {
-      return txDate <= filter.endDate;
-    }
-  });
-};
+];
 
-// src/hooks/useBankTransactions/useBankTransactions.tsx
-var import_infinite = __toESM(require("swr/infinite"));
-var useBankTransactions = (params) => {
+// src/hooks/useLinkedAccounts/useLinkedAccounts.ts
+var import_swr = __toESM(require("swr"));
+var DEBUG = true;
+var USE_MOCK_RESPONSE_DATA = false;
+var useLinkedAccounts = () => {
   const {
     auth,
     businessId,
     apiUrl,
-    addToast,
+    usePlaidSandbox,
     touch,
     read,
     syncTimestamps,
-    hasBeenTouched,
-    eventCallbacks
+    hasBeenTouched
   } = useLayerContext();
-  const { scope = void 0 } = params ?? {};
-  const [filters, setTheFilters] = (0, import_react10.useState)(
-    scope ? { categorizationStatus: scope } : void 0
-  );
-  const display = (0, import_react10.useMemo)(() => {
-    if (filters?.categorizationStatus === "review" /* review */) {
-      return "review" /* review */;
-    } else if (filters?.categorizationStatus === "all" /* all */) {
-      return "all" /* all */;
-    }
-    return "categorized" /* categorized */;
-  }, [filters?.categorizationStatus]);
-  const [active, setActive] = (0, import_react10.useState)(false);
+  const [linkToken, setLinkToken] = (0, import_react10.useState)(null);
   const [loadingStatus, setLoadingStatus] = (0, import_react10.useState)("initial");
-  const getKey = (_index, prevData) => {
-    if (!auth?.access_token || !active) {
-      return [false, void 0];
-    }
-    if (!prevData?.meta?.pagination?.cursor) {
-      return [
-        businessId && auth?.access_token && `bank-transactions-${businessId}`,
-        void 0
-      ];
-    }
-    return [
-      businessId && auth?.access_token && `bank-transactions-${businessId}-${prevData.meta.pagination.cursor}`,
-      prevData.meta.pagination.cursor
-    ];
-  };
+  const USE_PLAID_SANDBOX = usePlaidSandbox ?? true;
+  const [linkMode, setLinkMode] = (0, import_react10.useState)("add");
+  const queryKey = businessId && auth?.access_token && `linked-accounts-${businessId}`;
   const {
-    data: rawResponseData,
+    data: responseData,
     isLoading,
     isValidating,
     error: responseError,
-    mutate,
-    size,
-    setSize
-  } = (0, import_infinite.default)(
-    getKey,
-    async ([query, nextCursor]) => {
-      if (auth?.access_token) {
-        return Layer.getBankTransactions(apiUrl, auth?.access_token, {
-          params: {
-            businessId,
-            cursor: nextCursor
-          }
-        }).call(false);
-      }
-      return {};
-    },
-    {
-      initialSize: 1,
-      revalidateFirstPage: false
-    }
+    mutate
+  } = (0, import_swr.default)(
+    queryKey,
+    Layer.getLinkedAccounts(apiUrl, auth?.access_token, {
+      params: { businessId }
+    })
   );
-  const data = (0, import_react10.useMemo)(() => {
-    if (rawResponseData && rawResponseData.length > 0) {
-      return rawResponseData?.map((x) => x?.data).flat().filter((x) => !!x);
+  (0, import_react10.useEffect)(() => {
+    if (!isLoading && responseData?.data.external_accounts) {
+      setLoadingStatus("complete");
+      return;
     }
-    return void 0;
-  }, [rawResponseData]);
-  const lastMetadata = (0, import_react10.useMemo)(() => {
-    if (rawResponseData && rawResponseData.length > 0) {
-      return rawResponseData[rawResponseData.length - 1].meta;
-    }
-    return void 0;
-  }, [rawResponseData]);
-  const hasMore = (0, import_react10.useMemo)(() => {
-    if (rawResponseData && rawResponseData.length > 0) {
-      const lastElement = rawResponseData[rawResponseData.length - 1];
-      return Boolean(
-        lastElement.meta?.pagination?.cursor && lastElement.meta?.pagination?.has_more
-      );
-    }
-    return false;
-  }, [rawResponseData]);
-  const accountsList = (0, import_react10.useMemo)(
-    () => data ? collectAccounts(data) : [],
-    [data]
-  );
-  (0, import_react10.useEffect)(() => {
-    if (isLoading && loadingStatus === "initial") {
-      setLoadingStatus("loading");
-      return;
+    if (isLoading && loadingStatus === "initial") {
+      setLoadingStatus("loading");
+      return;
     }
     if (!isLoading && loadingStatus === "loading") {
       setLoadingStatus("complete");
-      return;
     }
   }, [isLoading]);
-  const activate = () => {
-    setActive(true);
+  const fetchPlaidLinkToken = async () => {
+    if (auth?.access_token) {
+      const linkToken2 = (await Layer.getPlaidLinkToken(apiUrl, auth.access_token, {
+        params: { businessId }
+      })).data.link_token;
+      setLinkMode("add");
+      setLinkToken(linkToken2);
+    }
   };
-  const setFilters = (value) => {
-    setTheFilters({
-      ...filters,
-      ...value ?? {}
+  const fetchPlaidUpdateModeLinkToken = async (plaidItemPlaidId) => {
+    if (auth?.access_token) {
+      const linkToken2 = (await Layer.getPlaidUpdateModeLinkToken(apiUrl, auth.access_token, {
+        params: { businessId },
+        body: { plaid_item_id: plaidItemPlaidId }
+      })).data.link_token;
+      setLinkMode("update");
+      setLinkToken(linkToken2);
+    }
+  };
+  const exchangePlaidPublicToken2 = async (publicToken, metadata) => {
+    await Layer.exchangePlaidPublicToken(apiUrl, auth?.access_token, {
+      params: { businessId },
+      body: { public_token: publicToken, institution: metadata.institution }
     });
+    refetchAccounts();
   };
-  const filteredData = (0, import_react10.useMemo)(() => {
-    let filtered = data;
-    if (!filtered) {
-      return;
-    }
-    if (filters?.amount?.min || filters?.amount?.max) {
-      filtered = applyAmountFilter(filtered, filters.amount);
-    }
-    if (filters?.account) {
-      filtered = applyAccountFilter(filtered, filters.account);
-    }
-    if (filters?.direction) {
-      filtered = applyDirectionFilter(filtered, filters.direction);
+  const { open: plaidLinkStart, ready: plaidLinkReady } = (0, import_react_plaid_link.usePlaidLink)({
+    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: async (publicToken, metadata) => {
+      if (linkMode == "add") {
+        exchangePlaidPublicToken2(publicToken, metadata);
+      } else {
+        await updateConnectionStatus2();
+        refetchAccounts();
+        setLinkMode("add");
+        touch("LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */);
+      }
+    },
+    onExit: () => setLinkMode("add"),
+    env: USE_PLAID_SANDBOX ? "sandbox" : void 0
+  });
+  (0, import_react10.useEffect)(() => {
+    if (plaidLinkReady) {
+      plaidLinkStart();
     }
-    if (filters?.categorizationStatus) {
-      filtered = applyCategorizationStatusFilter(
-        filtered,
-        filters.categorizationStatus
+  }, [plaidLinkStart, plaidLinkReady]);
+  const mockResponseData = {
+    data: LINKED_ACCOUNTS_MOCK_DATA,
+    meta: {},
+    error: void 0
+  };
+  const addConnection = (source) => {
+    if (source === "PLAID") {
+      fetchPlaidLinkToken();
+    } else {
+      console.error(
+        `Adding a connection with source ${source} not yet supported`
       );
     }
-    if (filters?.dateRange?.startDate || filters?.dateRange?.endDate) {
-      filtered = appplyDateRangeFilter(filtered, filters?.dateRange);
+  };
+  const repairConnection = async (source, connectionExternalId) => {
+    if (source === "PLAID") {
+      await fetchPlaidUpdateModeLinkToken(connectionExternalId);
+    } else {
+      console.error(
+        `Repairing a connection with source ${source} not yet supported`
+      );
     }
-    return filtered;
-  }, [filters, data]);
-  const categorize = (id, newCategory, notify) => {
-    const foundBT = data?.find((x) => x.business_id === businessId && x.id === id);
-    if (foundBT) {
-      updateOneLocal({ ...foundBT, processing: true, error: void 0 });
+  };
+  const removeConnection = async (source, connectionExternalId) => {
+    if (source === "PLAID") {
+      await unlinkPlaidItem2(connectionExternalId);
+      await refetchAccounts();
+    } else {
+      console.error(
+        `Removing a connection with source ${source} not yet supported`
+      );
     }
-    return Layer.categorizeBankTransaction(apiUrl, 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?.recently_categorized === true && notify) {
-        addToast({ content: "Transaction saved" });
-      }
-    }).catch((err) => {
-      const newBT = data?.find(
-        (x) => x.business_id === businessId && x.id === id
+  };
+  const unlinkAccount2 = async (source, accountId) => {
+    DEBUG && console.log("unlinking account");
+    if (source === "PLAID") {
+      await Layer.unlinkAccount(apiUrl, auth?.access_token, {
+        params: { businessId, accountId }
+      });
+      await refetchAccounts();
+      touch("LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */);
+    } else {
+      console.error(
+        `Unlinking an account with source ${source} not yet supported`
       );
-      if (newBT) {
-        updateOneLocal({
-          ...newBT,
-          error: err.message,
-          processing: false
-        });
-      }
-    }).finally(() => {
-      touch("BANK_TRANSACTIONS" /* BANK_TRANSACTIONS */);
-      eventCallbacks?.onTransactionCategorized?.(id);
-    });
+    }
   };
-  const match = (id, matchId, notify) => {
-    const foundBT = data?.find((x) => x.business_id === businessId && x.id === id);
-    if (foundBT) {
-      updateOneLocal({ ...foundBT, processing: true, error: void 0 });
+  const confirmAccount = async (source, accountId) => {
+    DEBUG && console.log("confirming account");
+    if (source === "PLAID") {
+      await Layer.confirmConnection(apiUrl, auth?.access_token, {
+        params: {
+          businessId,
+          accountId
+        }
+      });
+      await refetchAccounts();
+      touch("LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */);
+    } else {
+      console.error(
+        `Confirming an account with source ${source} not yet supported`
+      );
     }
-    return Layer.matchBankTransaction(apiUrl, auth.access_token, {
-      params: { businessId, bankTransactionId: id },
-      body: { match_id: matchId, type: "Confirm_Match" /* CONFIRM_MATCH */ }
-    }).then(({ data: bt, errors }) => {
-      const newBT = data?.find(
-        (x) => x.business_id === businessId && x.id === id
+  };
+  const denyAccount = async (source, accountId) => {
+    DEBUG && console.log("confirming account");
+    if (source === "PLAID") {
+      await Layer.denyConnection(apiUrl, auth?.access_token, {
+        params: {
+          businessId,
+          accountId
+        }
+      });
+      await refetchAccounts();
+      touch("LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */);
+    } else {
+      console.error(
+        `Denying an account with source ${source} not yet supported`
       );
-      if (newBT) {
-        newBT.recently_categorized = true;
-        newBT.match = bt;
-        newBT.categorization_status = "MATCHED" /* MATCHED */;
-        updateOneLocal(newBT);
-      }
-      if (errors) {
-        console.error(errors);
-        throw errors;
-      }
-      if (newBT?.recently_categorized === true && notify) {
-        addToast({ content: "Transaction saved" });
-      }
-    }).catch((err) => {
-      const newBT = data?.find(
-        (x) => x.business_id === businessId && x.id === id
+    }
+  };
+  const breakConnection = async (source, connectionExternalId) => {
+    DEBUG && console.log("Breaking sandbox plaid item connection");
+    if (source === "PLAID") {
+      await Layer.breakPlaidItemConnection(apiUrl, auth?.access_token, {
+        params: {
+          businessId,
+          plaidItemPlaidId: connectionExternalId
+        }
+      });
+      await refetchAccounts();
+      touch("LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */);
+    } else {
+      console.error(
+        `Breaking a sandbox connection with source ${source} not yet supported`
       );
-      if (newBT) {
-        updateOneLocal({
-          ...newBT,
-          error: err.message,
-          processing: false
-        });
-      }
-    }).finally(() => {
-      touch("BANK_TRANSACTIONS" /* BANK_TRANSACTIONS */);
-      eventCallbacks?.onTransactionCategorized?.(id);
-    });
+    }
   };
-  const updateOneLocal = (newBankTransaction) => {
-    const updatedData = rawResponseData?.map((page) => {
-      return {
-        ...page,
-        data: page.data?.map(
-          (bt) => bt.id === newBankTransaction.id ? newBankTransaction : bt
-        )
-      };
+  const refetchAccounts = async () => {
+    DEBUG && console.log("refetching accounts...");
+    await mutate();
+  };
+  const syncAccounts = async () => {
+    DEBUG && console.log("resyncing accounts...");
+    await Layer.syncConnection(apiUrl, auth?.access_token, {
+      params: { businessId }
     });
-    mutate(updatedData, { revalidate: false });
   };
-  const removeAfterCategorize = (bankTransaction) => {
+  const updateConnectionStatus2 = async () => {
+    DEBUG && console.log("updating connection status...");
+    await Layer.updateConnectionStatus(apiUrl, auth?.access_token, {
+      params: { businessId }
+    });
   };
-  const refetch = () => {
-    mutate();
-  };
-  const fetchMore = () => {
-    if (hasMore) {
-      setSize(size + 1);
-    }
+  const unlinkPlaidItem2 = async (plaidItemPlaidId) => {
+    DEBUG && console.log("unlinking plaid item");
+    await Layer.unlinkPlaidItem(apiUrl, auth?.access_token, {
+      params: { businessId, plaidItemPlaidId }
+    });
+    await refetchAccounts();
+    touch("LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */);
   };
   (0, import_react10.useEffect)(() => {
-    if (isLoading || isValidating) {
-      read("BANK_TRANSACTIONS" /* BANK_TRANSACTIONS */, "bank-transactions");
+    if (queryKey && (isLoading || isValidating)) {
+      read("LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
   (0, import_react10.useEffect)(() => {
-    if (hasBeenTouched("bank-transactions")) {
-      refetch();
+    if (queryKey && hasBeenTouched(queryKey)) {
+      refetchAccounts();
     }
   }, [syncTimestamps]);
   return {
-    data: filteredData,
-    metadata: lastMetadata,
-    loadingStatus,
+    data: USE_MOCK_RESPONSE_DATA ? mockResponseData.data : responseData?.data.external_accounts,
     isLoading,
+    loadingStatus,
     isValidating,
-    refetch,
     error: responseError,
-    categorize,
-    match,
-    updateOneLocal,
-    removeAfterCategorize,
-    filters,
-    setFilters,
-    accountsList,
-    activate,
-    display,
-    fetchMore,
-    hasMore
+    addConnection,
+    removeConnection,
+    repairConnection,
+    refetchAccounts,
+    unlinkAccount: unlinkAccount2,
+    confirmAccount,
+    denyAccount,
+    breakConnection,
+    syncAccounts,
+    updateConnectionStatus: updateConnectionStatus2
   };
 };
 
-// src/providers/BankTransactionsProvider/BankTransactionsProvider.tsx
-var BankTransactionsProvider = ({
-  children
-}) => {
-  const bankTransactionsContextData = useBankTransactions();
-  return /* @__PURE__ */ import_react11.default.createElement(BankTransactionsContext.Provider, { value: bankTransactionsContextData }, children);
-};
-
-// src/config/theme.ts
-var SHADES = {
-  50: { s: 1, l: 98 },
-  100: { s: 1, l: 96 },
-  200: { s: 1, l: 94 },
-  300: { s: 2, l: 92 },
-  500: { s: 5, l: 53 },
-  600: { s: 7, l: 40 },
-  700: { s: 9, l: 27 },
-  800: { s: 12, l: 20 },
-  1e3: { s: 20, l: 7 }
-};
-var COLORS = {
-  dark: {
-    h: 0,
-    s: 0,
-    l: 7
-  },
-  light: {
-    h: 0,
-    s: 0,
-    l: 100
-  }
-};
-
-// src/utils/colors.ts
-var parseStylesFromThemeConfig = (theme) => {
-  let styles = {};
-  if (!theme) {
-    return styles;
-  }
-  if (theme.colors) {
-    const darkColor = parseColorFromTheme("dark", theme.colors.dark);
-    const lightColor = parseColorFromTheme("light", theme.colors.light);
-    const textColor = parseTextColorFromTheme(theme.colors.text);
-    styles = { ...styles, ...darkColor, ...lightColor, ...textColor };
-  }
-  return styles;
-};
-var parseTextColorFromTheme = (color) => {
-  if (!color) {
-    return {};
+// src/hooks/useBankTransactions/utils.ts
+var collectAccounts = (transactions) => {
+  const accounts = [];
+  if (!transactions) {
+    return accounts;
   }
-  try {
-    if ("hex" in color) {
-      return { "--text-color-primary": color.hex };
+  transactions.forEach((x) => {
+    if (!accounts.find((y) => y.id === x.source_account_id)) {
+      accounts.push({
+        id: x.source_account_id,
+        name: x.account_name || ""
+      });
     }
-    return {};
-  } catch (_err) {
-    return {};
-  }
+  });
+  return accounts.sort((a, b) => a.name.localeCompare(b.name));
 };
-var parseColorFromTheme = (colorName, color) => {
-  if (!color) {
-    return {};
-  }
-  try {
-    if ("h" in color && "s" in color && "l" in color) {
-      return {
-        [`--color-${colorName}-h`]: color.h,
-        [`--color-${colorName}-s`]: color.s,
-        [`--color-${colorName}-l`]: color.l
-      };
+var applyAmountFilter = (data, filter) => {
+  return data?.filter((x) => {
+    if ((filter?.min || filter?.min === 0) && (filter?.max || filter?.max === 0)) {
+      return x.amount >= filter.min * 100 && x.amount <= filter.max * 100;
     }
-    if ("r" in color && "g" in color && "b" in color) {
-      const { h, s, l } = rgbToHsl(color);
-      return {
-        [`--color-${colorName}-h`]: h,
-        [`--color-${colorName}-s`]: `${s}%`,
-        [`--color-${colorName}-l`]: `${l}%`
-      };
+    if (filter?.min || filter?.min === 0) {
+      return x.amount >= filter.min * 100;
     }
-    if ("hex" in color) {
-      const rgb = hexToRgb(color.hex);
-      if (!rgb) {
-        return {};
-      }
-      const { h, s, l } = rgbToHsl({
-        r: rgb.r.toString(),
-        g: rgb.g.toString(),
-        b: rgb.b.toString()
-      });
-      return {
-        [`--color-${colorName}-h`]: h,
-        [`--color-${colorName}-s`]: `${s}%`,
-        [`--color-${colorName}-l`]: `${l}%`
-      };
+    if (filter?.max || filter?.max === 0) {
+      return x.amount <= filter.max * 100;
     }
-    return {};
-  } catch (_err) {
-    return {};
-  }
+  });
 };
-var parseColorFromThemeToHsl = (color) => {
-  if (!color) {
-    return;
-  }
-  try {
-    if ("h" in color && "s" in color && "l" in color) {
-      return {
-        h: Number(color.h),
-        s: Number(color.s),
-        l: Number(color.l)
-      };
+var applyAccountFilter = (data, filter) => data?.filter((x) => filter && filter.includes(x.source_account_id));
+
+// src/hooks/useBankTransactions/useBankTransactions.tsx
+var import_infinite = __toESM(require("swr/infinite"));
+var INITIAL_POLL_INTERVAL_MS = 1e3;
+var POLL_INTERVAL_AFTER_TXNS_RECEIVED_MS = 5e3;
+function useTriggerOnChange(data, anyAccountSyncing, callback) {
+  const prevDataRef = (0, import_react11.useRef)();
+  (0, import_react11.useEffect)(() => {
+    if (anyAccountSyncing && prevDataRef.current !== void 0 && prevDataRef.current !== data) {
+      callback(data);
+    }
+    prevDataRef.current = data;
+  }, [data, anyAccountSyncing, callback]);
+}
+var filtersSettingString = (filters) => {
+  return `bank-transactions${filters?.categorizationStatus ? `-categorizationStatus-${filters.categorizationStatus}` : `-categorizationStatus-${"all" /* all */}`}${filters?.direction?.length === 1 ? `-direction-${filters.direction.join("-")}` : ""}${filters?.dateRange?.startDate ? `-startDate-${filters.dateRange.startDate.toISOString()}` : ""}${filters?.dateRange?.endDate ? `-endDate-${filters.dateRange.endDate.toISOString()}` : ""}`;
+};
+var useBankTransactions = (params) => {
+  const {
+    auth,
+    businessId,
+    apiUrl,
+    addToast,
+    touch,
+    read,
+    syncTimestamps,
+    hasBeenTouched,
+    eventCallbacks
+  } = useLayerContext();
+  const { scope = void 0 } = params ?? {};
+  const [filters, setTheFilters] = (0, import_react11.useState)(
+    scope ? { categorizationStatus: scope } : void 0
+  );
+  const display = (0, import_react11.useMemo)(() => {
+    if (filters?.categorizationStatus === "review" /* review */) {
+      return "review" /* review */;
+    } else if (filters?.categorizationStatus === "all" /* all */) {
+      return "all" /* all */;
     }
-    if ("r" in color && "g" in color && "b" in color) {
-      const { h, s, l } = rgbToHsl(color);
-      return {
-        h,
-        s,
-        l
-      };
+    return "categorized" /* categorized */;
+  }, [filters?.categorizationStatus]);
+  const [active, setActive] = (0, import_react11.useState)(false);
+  const [loadingStatus, setLoadingStatus] = (0, import_react11.useState)("initial");
+  const getKey = (index, prevData) => {
+    if (!auth?.access_token || !active) {
+      return [false, void 0];
     }
-    if ("hex" in color) {
-      const rgb = hexToRgb(color.hex);
-      if (!rgb) {
-        return void 0;
-      }
-      const { h, s, l } = rgbToHsl({
-        r: rgb.r.toString(),
-        g: rgb.g.toString(),
-        b: rgb.b.toString()
-      });
-      return {
-        h,
-        s,
-        l
-      };
+    if (index === 0) {
+      return [
+        businessId && auth?.access_token && `${filtersSettingString(filters)}-${businessId}`,
+        void 0
+      ];
     }
-    return;
-  } catch (_err) {
-    return;
-  }
-};
-var rgbToHsl = (color) => {
-  let r = Number(color.r);
-  let g = Number(color.g);
-  let b = Number(color.b);
-  r /= 255;
-  g /= 255;
-  b /= 255;
-  const l = Math.max(r, g, b);
-  const s = l - Math.min(r, g, b);
-  const h = s ? l === r ? (g - b) / s : l === g ? 2 + (b - r) / s : 4 + (r - g) / s : 0;
-  return {
-    h: 60 * h < 0 ? 60 * h + 360 : 60 * h,
-    s: 100 * (s ? l <= 0.5 ? s / (2 * l - s) : s / (2 - (2 * l - s)) : 0),
-    l: 100 * (2 * l - s) / 2
+    return [
+      businessId && auth?.access_token && `${filtersSettingString(filters)}-${businessId}-${prevData?.meta?.pagination?.cursor}`,
+      prevData?.meta?.pagination?.cursor.toString()
+    ];
   };
-};
-var hexToRgb = (hex) => {
-  const values = hex.replace(
-    /^#?([a-f\d])([a-f\d])([a-f\d])$/i,
-    (m, r, g, b) => "#" + r + r + g + g + b + b
-  ).substring(1).match(/.{2}/g)?.map((x) => parseInt(x, 16));
-  if (!values) {
-    return;
-  }
-  return {
-    r: values[0],
-    g: values[1],
-    b: values[2]
-  };
-};
-var buildColorsPalette = (theme) => {
-  const darkColor = parseColorFromThemeToHsl(theme?.colors?.dark) ?? COLORS.dark;
-  const lightColor = parseColorFromThemeToHsl(theme?.colors?.light) ?? COLORS.light;
-  return {
-    50: buildColorShade(50, darkColor),
-    100: buildColorShade(100, darkColor),
-    200: buildColorShade(200, darkColor),
-    300: buildColorShade(300, darkColor),
-    400: {
-      hsl: lightColor,
-      rgb: hslToRgb(lightColor),
-      hex: hslToHex(lightColor)
-    },
-    500: buildColorShade(500, darkColor),
-    600: buildColorShade(600, darkColor),
-    700: buildColorShade(700, darkColor),
-    800: buildColorShade(800, darkColor),
-    900: {
-      hsl: darkColor,
-      rgb: hslToRgb(darkColor),
-      hex: hslToHex(darkColor)
+  const {
+    data: rawResponseData,
+    isLoading,
+    isValidating,
+    error: responseError,
+    mutate,
+    size,
+    setSize
+  } = (0, import_infinite.default)(
+    getKey,
+    async ([_query, nextCursor]) => {
+      if (auth?.access_token) {
+        return Layer.getBankTransactions(apiUrl, auth?.access_token, {
+          params: {
+            businessId,
+            cursor: nextCursor ?? "",
+            categorized: filters?.categorizationStatus ? filters?.categorizationStatus === "categorized" /* categorized */ ? "true" : filters?.categorizationStatus === "review" /* review */ ? "false" : "" : "",
+            direction: filters?.direction?.length === 1 ? filters.direction[0] === "CREDIT" /* CREDIT */ ? "INFLOW" : "OUTFLOW" : void 0,
+            startDate: filters?.dateRange?.startDate?.toISOString() ?? void 0,
+            endDate: filters?.dateRange?.endDate?.toISOString() ?? void 0
+          }
+        }).call(false);
+      }
+      return {};
     },
-    1e3: buildColorShade(1e3, darkColor)
+    {
+      initialSize: 1,
+      revalidateFirstPage: false
+    }
+  );
+  const data = (0, import_react11.useMemo)(() => {
+    if (rawResponseData && rawResponseData.length > 0) {
+      return rawResponseData?.map((x) => x?.data).flat().filter((x) => !!x);
+    }
+    return void 0;
+  }, [rawResponseData]);
+  const lastMetadata = (0, import_react11.useMemo)(() => {
+    if (rawResponseData && rawResponseData.length > 0) {
+      return rawResponseData[rawResponseData.length - 1].meta;
+    }
+    return void 0;
+  }, [rawResponseData]);
+  const hasMore = (0, import_react11.useMemo)(() => {
+    if (rawResponseData && rawResponseData.length > 0) {
+      const lastElement = rawResponseData[rawResponseData.length - 1];
+      return Boolean(
+        lastElement.meta?.pagination?.cursor && lastElement.meta?.pagination?.has_more
+      );
+    }
+    return false;
+  }, [rawResponseData]);
+  const accountsList = (0, import_react11.useMemo)(
+    () => data ? collectAccounts(data) : [],
+    [data]
+  );
+  (0, import_react11.useEffect)(() => {
+    if (isLoading && loadingStatus === "initial") {
+      setLoadingStatus("loading");
+      return;
+    }
+    if (!isLoading && loadingStatus === "loading") {
+      setLoadingStatus("complete");
+      return;
+    }
+  }, [isLoading]);
+  const activate = () => {
+    setActive(true);
   };
-};
-var buildColorShade = (shade, darkColorHsl) => {
-  const hsl = { h: darkColorHsl.h, ...SHADES[shade] };
-  const rgb = hslToRgb(hsl);
-  const hex = hslToHex(hsl);
-  return { hsl, rgb, hex };
-};
-var hueToRgb = (p, q, t) => {
-  if (t < 0)
-    t += 1;
-  if (t > 1)
-    t -= 1;
-  if (t < 1 / 6)
-    return p + (q - p) * 6 * t;
-  if (t < 1 / 2)
-    return q;
-  if (t < 2 / 3)
-    return p + (q - p) * (2 / 3 - t) * 6;
-  return p;
-};
-var hslToRgb = (hsl) => {
-  let r, g, b;
-  let l = hsl.l / 100;
-  let s = hsl.s / 100;
-  if (hsl.s === 0) {
-    r = g = b = l;
-  } else {
-    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-    const p = 2 * l - q;
-    r = hueToRgb(p, q, hsl.h + 1 / 3);
-    g = hueToRgb(p, q, hsl.h);
-    b = hueToRgb(p, q, hsl.h - 1 / 3);
-  }
-  return {
-    r: Math.round(r * 255),
-    g: Math.round(g * 255),
-    b: Math.round(b * 255)
+  const setFilters = (value) => {
+    setTheFilters({
+      ...filters,
+      ...value ?? {}
+    });
   };
-};
-var hslToHex = (hsl) => {
-  const l = hsl.l / 100;
-  const s = hsl.s;
-  const a = s * Math.min(l, 1 - l) / 100;
-  const f = (n) => {
-    const k = (n + hsl.h / 30) % 12;
-    const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
-    return Math.round(255 * color).toString(16).padStart(2, "0");
+  const filteredData = (0, import_react11.useMemo)(() => {
+    let filtered = data;
+    if (!filtered) {
+      return;
+    }
+    if (filters?.amount?.min || filters?.amount?.max) {
+      filtered = applyAmountFilter(filtered, filters.amount);
+    }
+    if (filters?.account) {
+      filtered = applyAccountFilter(filtered, filters.account);
+    }
+    return filtered;
+  }, [filters, data]);
+  const categorize = (id, newCategory, notify) => {
+    const foundBT = data?.find((x) => x.business_id === businessId && x.id === id);
+    if (foundBT) {
+      updateOneLocal({ ...foundBT, processing: true, error: void 0 });
+    }
+    return Layer.categorizeBankTransaction(apiUrl, 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?.recently_categorized === true && notify) {
+        addToast({ content: "Transaction saved" });
+      }
+    }).catch((err) => {
+      const newBT = data?.find(
+        (x) => x.business_id === businessId && x.id === id
+      );
+      if (newBT) {
+        updateOneLocal({
+          ...newBT,
+          error: err.message,
+          processing: false
+        });
+      }
+    }).finally(() => {
+      touch("BANK_TRANSACTIONS" /* BANK_TRANSACTIONS */);
+      eventCallbacks?.onTransactionCategorized?.(id);
+    });
   };
-  return `#${f(0)}${f(8)}${f(4)}`;
-};
-
-// src/providers/LayerProvider/LayerProvider.tsx
-var import_date_fns2 = require("date-fns");
-var import_swr = __toESM(require("swr"));
-var reducer = (state, action) => {
-  switch (action.type) {
-    case "LayerContext.setAuth" /* setAuth */:
-    case "LayerContext.setBusiness" /* setBusiness */:
-    case "LayerContext.setCategories" /* setCategories */:
-    case "LayerContext.setTheme" /* setTheme */:
-    case "LayerContext.setOnboardingStep" /* setOnboardingStep */:
-    case "LayerContext.setColors" /* setColors */:
-      return { ...state, ...action.payload };
-    case "LayerContext.setToast" /* setToast */:
-      return {
-        ...state,
-        toasts: [
-          ...state.toasts,
-          { ...action.payload.toast, isExiting: false }
-        ]
-      };
-    case "LayerContext.setToastExit" /* setToastExit */:
+  const match = (id, matchId, notify) => {
+    const foundBT = data?.find((x) => x.business_id === businessId && x.id === id);
+    if (foundBT) {
+      updateOneLocal({ ...foundBT, processing: true, error: void 0 });
+    }
+    return Layer.matchBankTransaction(apiUrl, auth.access_token, {
+      params: { businessId, bankTransactionId: id },
+      body: { match_id: matchId, type: "Confirm_Match" /* CONFIRM_MATCH */ }
+    }).then(({ data: bt, errors }) => {
+      const newBT = 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);
+      }
+      if (errors) {
+        console.error(errors);
+        throw errors;
+      }
+      if (newBT?.recently_categorized === true && notify) {
+        addToast({ content: "Transaction saved" });
+      }
+    }).catch((err) => {
+      const newBT = data?.find(
+        (x) => x.business_id === businessId && x.id === id
+      );
+      if (newBT) {
+        updateOneLocal({
+          ...newBT,
+          error: err.message,
+          processing: false
+        });
+      }
+    }).finally(() => {
+      touch("BANK_TRANSACTIONS" /* BANK_TRANSACTIONS */);
+      eventCallbacks?.onTransactionCategorized?.(id);
+    });
+  };
+  const updateOneLocal = (newBankTransaction) => {
+    const updatedData = rawResponseData?.map((page) => {
       return {
-        ...state,
-        toasts: state.toasts.map(
-          (toast) => toast.id === action.payload.toast.id ? { ...toast, isExiting: false } : toast
+        ...page,
+        data: page.data?.map(
+          (bt) => bt.id === newBankTransaction.id ? newBankTransaction : bt
         )
       };
-    case "LayerContext.removeToast" /* removeToast */:
-      return {
-        ...state,
-        toasts: state.toasts.filter((t) => t.id !== action.payload.toast.id)
-      };
-    default:
-      return state;
-  }
-};
-var LayerEnvironment = {
-  production: {
-    url: "https://auth.layerfi.com/oauth2/token",
-    scope: "https://api.layerfi.com/production",
-    apiUrl: "https://api.layerfi.com"
-  },
-  sandbox: {
-    url: "https://auth.layerfi.com/oauth2/token",
-    scope: "https://sandbox.layerfi.com/sandbox",
-    apiUrl: "https://sandbox.layerfi.com"
-  },
-  staging: {
-    url: "https://auth.layerfi.com/oauth2/token",
-    scope: "https://sandbox.layerfi.com/sandbox",
-    apiUrl: "https://sandbox.layerfi.com"
-  },
-  internalStaging: {
-    url: "https://auth.layerfi.com/oauth2/token",
-    scope: "https://sandbox.layerfi.com/sandbox",
-    apiUrl: "https://staging.layerfi.com"
-  }
-};
-var LayerProvider = ({
-  appId,
-  appSecret,
-  businessId,
-  children,
-  businessAccessToken,
-  environment = "production",
-  theme,
-  usePlaidSandbox,
-  onError,
-  eventCallbacks
-}) => {
-  const defaultSWRConfig = {
-    revalidateInterval: 0,
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false,
-    revalidateIfStale: false
+    });
+    mutate(updatedData, { revalidate: false });
   };
-  errorHandler.setOnError(onError);
-  const colors = buildColorsPalette(theme);
-  const { url, scope, apiUrl } = LayerEnvironment[environment];
-  const [state, dispatch] = (0, import_react12.useReducer)(reducer, {
-    auth: {
-      access_token: "",
-      token_type: "",
-      expires_in: 0,
-      expires_at: new Date(2e3, 1, 1)
-    },
-    businessId,
-    business: void 0,
-    categories: [],
-    apiUrl,
-    theme,
-    colors,
-    usePlaidSandbox,
-    onboardingStep: void 0,
-    environment,
-    toasts: [],
-    eventCallbacks: {}
-  });
-  const { touch, syncTimestamps, read, readTimestamps, hasBeenTouched } = useDataSync();
-  const { data: auth } = appId !== void 0 && appSecret !== void 0 ? (0, import_swr.default)(
-    businessAccessToken === void 0 && appId !== void 0 && appSecret !== void 0 && (0, import_date_fns2.isBefore)(state.auth.expires_at, /* @__PURE__ */ new Date()) && "authenticate",
-    Layer.authenticate({
-      appId,
-      appSecret,
-      authenticationUrl: url,
-      scope
-    }),
-    defaultSWRConfig
-  ) : { data: void 0 };
-  (0, import_react12.useEffect)(() => {
-    if (businessAccessToken) {
-      dispatch({
-        type: "LayerContext.setAuth" /* setAuth */,
-        payload: {
-          auth: {
-            access_token: businessAccessToken,
-            token_type: "Bearer",
-            expires_in: 3600,
-            expires_at: (0, import_date_fns2.add)(/* @__PURE__ */ new Date(), { seconds: 3600 })
-          }
-        }
-      });
-    } else if (auth?.access_token) {
-      dispatch({
-        type: "LayerContext.setAuth" /* setAuth */,
-        payload: {
-          auth: {
-            ...auth,
-            expires_at: (0, import_date_fns2.add)(/* @__PURE__ */ new Date(), { seconds: auth.expires_in })
-          }
-        }
+  const shouldHideAfterCategorize = (bankTransaction) => {
+    return filters?.categorizationStatus === "review" /* review */;
+  };
+  const removeAfterCategorize = (bankTransaction) => {
+    if (shouldHideAfterCategorize(bankTransaction)) {
+      const updatedData = rawResponseData?.map((page) => {
+        return {
+          ...page,
+          data: page.data?.filter((bt) => bt.id !== bankTransaction.id)
+        };
       });
+      mutate(updatedData, { revalidate: false });
     }
-  }, [businessAccessToken, auth?.access_token]);
-  const { data: categoriesData } = (0, import_swr.default)(
-    businessId && state.auth?.access_token && `categories-${businessId}`,
-    Layer.getCategories(apiUrl, state.auth?.access_token, {
-      params: { businessId }
-    }),
-    {
-      ...defaultSWRConfig,
-      onSuccess: (response) => {
-        if (response?.data?.categories?.length) {
-          dispatch({
-            type: "LayerContext.setCategories" /* setCategories */,
-            payload: { categories: response.data.categories || [] }
-          });
-        }
-      }
+  };
+  const refetch = () => {
+    mutate();
+  };
+  const fetchMore = () => {
+    if (hasMore) {
+      setSize(size + 1);
     }
-  );
-  (0, import_react12.useEffect)(() => {
-    if (categoriesData?.data?.categories?.length) {
-      dispatch({
-        type: "LayerContext.setCategories" /* setCategories */,
-        payload: { categories: categoriesData.data.categories || [] }
-      });
+  };
+  const getCacheKey = (txnFilters) => {
+    return filtersSettingString(txnFilters);
+  };
+  (0, import_react11.useEffect)(() => {
+    if (isLoading || isValidating) {
+      read("BANK_TRANSACTIONS" /* BANK_TRANSACTIONS */, getCacheKey(filters));
     }
-  }, [categoriesData]);
-  const { data: businessData } = (0, import_swr.default)(
-    businessId && state?.auth?.access_token && `business-${businessId}`,
-    Layer.getBusiness(apiUrl, state?.auth?.access_token, {
-      params: { businessId }
-    }),
-    {
-      ...defaultSWRConfig,
-      onSuccess: (response) => {
-        if (response?.data) {
-          dispatch({
-            type: "LayerContext.setBusiness" /* setBusiness */,
-            payload: { business: response.data || [] }
-          });
-        }
-      }
+  }, [isLoading, isValidating]);
+  (0, import_react11.useEffect)(() => {
+    if (hasBeenTouched(getCacheKey(filters))) {
+      refetch();
     }
+  }, [syncTimestamps, filters]);
+  const { data: linkedAccounts, refetchAccounts } = useLinkedAccounts();
+  const anyAccountSyncing = (0, import_react11.useMemo)(
+    () => Boolean(linkedAccounts?.some((item) => item.is_syncing)),
+    [linkedAccounts]
   );
-  (0, import_react12.useEffect)(() => {
-    if (businessData?.data) {
-      dispatch({
-        type: "LayerContext.setBusiness" /* setBusiness */,
-        payload: { business: businessData.data || [] }
-      });
+  const [pollIntervalMs, setPollIntervalMs] = (0, import_react11.useState)(INITIAL_POLL_INTERVAL_MS);
+  const transactionsNotSynced = (0, import_react11.useMemo)(
+    () => loadingStatus === "complete" && anyAccountSyncing && (!data || data?.length === 0),
+    [data, anyAccountSyncing, loadingStatus]
+  );
+  let intervalId = void 0;
+  const [refreshTrigger, setRefreshTrigger] = (0, import_react11.useState)(-1);
+  (0, import_react11.useEffect)(() => {
+    if (refreshTrigger !== -1) {
+      refetch();
+      refetchAccounts();
     }
-  }, [businessData]);
-  const setTheme = (theme2) => {
-    dispatch({
-      type: "LayerContext.setTheme" /* setTheme */,
-      payload: { theme: theme2 }
-    });
-    dispatch({
-      type: "LayerContext.setColors" /* setColors */,
-      payload: { colors: buildColorsPalette(theme2) }
-    });
-  };
-  const setLightColor = (color) => {
-    setTheme({
-      ...state.theme ?? {},
-      colors: {
-        ...state.theme?.colors ?? {},
-        light: color
-      }
-    });
-  };
-  const setDarkColor = (color) => {
-    setTheme({
-      ...state.theme ?? {},
-      colors: {
-        ...state.theme?.colors ?? {},
-        dark: color
+  }, [refreshTrigger]);
+  (0, import_react11.useEffect)(() => {
+    if (anyAccountSyncing) {
+      intervalId = setInterval(() => {
+        setRefreshTrigger(Math.random());
+      }, pollIntervalMs);
+    } else {
+      if (intervalId) {
+        clearInterval(intervalId);
       }
-    });
-  };
-  const setTextColor = (color) => {
-    setTheme({
-      ...state.theme ?? {},
-      colors: {
-        ...state.theme?.colors ?? {},
-        text: color
+    }
+    return () => {
+      if (intervalId) {
+        clearInterval(intervalId);
       }
-    });
-  };
-  const setToast = (toast) => {
-    dispatch({ type: "LayerContext.setToast" /* setToast */, payload: { toast } });
-  };
-  const removeToast = (toast) => {
-    dispatch({ type: "LayerContext.removeToast" /* removeToast */, payload: { toast } });
-  };
-  const setToastExit = (toast) => {
-    dispatch({ type: "LayerContext.setToastExit" /* setToastExit */, payload: { toast } });
-  };
-  const addToast = (toast) => {
-    const id = `${Date.now()}-${Math.random()}`;
-    const newToast = { id, isExiting: false, ...toast };
-    setToast(newToast);
-    setTimeout(() => {
-      removeToast(newToast);
-      setTimeout(() => {
-        setToastExit(newToast);
-      }, 1e3);
-    }, toast.duration || 2e3);
-  };
-  const setColors = (colors2) => setTheme({
-    ...state.theme ?? {},
-    colors: colors2
+    };
+  }, [anyAccountSyncing, transactionsNotSynced, pollIntervalMs]);
+  useTriggerOnChange(data, anyAccountSyncing, (newTransactionList) => {
+    clearInterval(intervalId);
+    setPollIntervalMs(POLL_INTERVAL_AFTER_TXNS_RECEIVED_MS);
+    touch("BANK_TRANSACTIONS" /* BANK_TRANSACTIONS */);
   });
-  const getColor = (shade) => {
-    if (state.colors && shade in state.colors) {
-      return state.colors[shade];
-    }
-    return;
+  return {
+    data: filteredData,
+    metadata: lastMetadata,
+    loadingStatus,
+    isLoading,
+    isValidating,
+    refetch,
+    error: responseError,
+    categorize,
+    match,
+    updateOneLocal,
+    shouldHideAfterCategorize,
+    removeAfterCategorize,
+    filters,
+    setFilters,
+    accountsList,
+    activate,
+    display,
+    fetchMore,
+    hasMore
   };
-  const setOnboardingStep = (value) => dispatch({
-    type: "LayerContext.setOnboardingStep" /* setOnboardingStep */,
-    payload: { onboardingStep: value }
-  });
-  const drawerContextData = useDrawer();
-  return /* @__PURE__ */ import_react12.default.createElement(import_swr.SWRConfig, { value: defaultSWRConfig }, /* @__PURE__ */ import_react12.default.createElement(
-    LayerContext.Provider,
-    {
-      value: {
-        ...state,
-        setTheme,
-        getColor,
-        setLightColor,
-        setDarkColor,
-        setTextColor,
-        setColors,
-        setOnboardingStep,
-        addToast,
-        removeToast,
-        onError: errorHandler.onError,
-        touch,
-        read,
-        syncTimestamps,
-        readTimestamps,
-        hasBeenTouched,
-        eventCallbacks
-      }
-    },
-    /* @__PURE__ */ import_react12.default.createElement(BankTransactionsProvider, null, /* @__PURE__ */ import_react12.default.createElement(DrawerContext.Provider, { value: drawerContextData }, children, /* @__PURE__ */ import_react12.default.createElement(GlobalWidgets, null)))
-  ));
 };
 
-// src/components/Onboarding/Onboarding.tsx
-var import_react39 = __toESM(require("react"));
+// src/providers/BankTransactionsProvider/BankTransactionsProvider.tsx
+var BankTransactionsProvider = ({
+  children
+}) => {
+  const bankTransactionsContextData = useBankTransactions();
+  return /* @__PURE__ */ import_react12.default.createElement(BankTransactionsContext.Provider, { value: bankTransactionsContextData }, children);
+};
 
-// src/contexts/LinkedAccountsContext/LinkedAccountsContext.ts
-var import_react13 = require("react");
-var LinkedAccountsContext = (0, import_react13.createContext)({
-  data: void 0,
-  isLoading: false,
-  loadingStatus: "initial",
-  isValidating: false,
-  error: void 0,
-  updateConnectionStatus: () => {
-  },
-  addConnection: () => {
-  },
-  removeConnection: () => {
-  },
-  repairConnection: () => {
-  },
-  refetchAccounts: () => {
-  },
-  unlinkAccount: () => {
-  },
-  denyAccount: () => {
-  },
-  confirmAccount: () => {
-  },
-  breakConnection: () => {
+// src/config/theme.ts
+var SHADES = {
+  50: { s: 1, l: 98 },
+  100: { s: 1, l: 96 },
+  200: { s: 1, l: 94 },
+  300: { s: 2, l: 92 },
+  500: { s: 5, l: 53 },
+  600: { s: 7, l: 40 },
+  700: { s: 9, l: 27 },
+  800: { s: 12, l: 20 },
+  1e3: { s: 20, l: 7 }
+};
+var COLORS = {
+  dark: {
+    h: 0,
+    s: 0,
+    l: 7
   },
-  syncAccounts: () => {
+  light: {
+    h: 0,
+    s: 0,
+    l: 100
   }
-});
-
-// src/providers/LinkedAccountsProvider/LinkedAccountsProvider.tsx
-var import_react15 = __toESM(require("react"));
-
-// src/hooks/useLinkedAccounts/useLinkedAccounts.ts
-var import_react14 = require("react");
-var import_react_plaid_link = require("react-plaid-link");
+};
 
-// src/hooks/useLinkedAccounts/mockData.ts
-var LINKED_ACCOUNTS_MOCK_DATA = [
-  {
-    id: "d800ada8-8075-4436-a712-08efabcbd51a",
-    external_account_external_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
-    external_account_source: "PLAID",
-    external_account_name: "Citi Double Cash\xAE Card",
-    mask: "1234",
-    latest_balance_timestamp: {
-      external_account_external_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
-      external_account_source: "PLAID",
-      balance: 435121,
-      at: "2024-04-03T13:00:00Z",
-      created_at: "2024-04-06T22:47:59.715458Z"
-    },
-    current_ledger_balance: 373717,
-    institution: {
-      name: "Chase",
-      logo: ""
-    },
-    connection_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
-    connection_external_id: "11111",
-    connection_needs_repair_as_of: null,
-    requires_user_confirmation_as_of: null,
-    is_syncing: true
-  },
-  {
-    id: "f98ec50a-c370-484d-a35b-d00207436075",
-    external_account_external_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
-    external_account_source: "PLAID",
-    external_account_name: "Citi Double Cash\xAE Card",
-    mask: "1234",
-    latest_balance_timestamp: {
-      external_account_external_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
-      external_account_source: "PLAID",
-      balance: 435121,
-      at: "2024-04-03T13:00:00Z",
-      created_at: "2024-04-06T16:44:35.715458Z"
-    },
-    current_ledger_balance: 373717,
-    institution: {
-      name: "Chase",
-      logo: ""
-    },
-    connection_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
-    connection_external_id: "11111",
-    connection_needs_repair_as_of: null,
-    requires_user_confirmation_as_of: null,
-    is_syncing: false
-  },
-  {
-    id: "843f1748-fdaa-422d-a73d-2489a40c8dc7",
-    external_account_external_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
-    external_account_source: "PLAID",
-    external_account_name: "Citi Double Cash\xAE Card",
-    mask: "1234",
-    latest_balance_timestamp: {
-      external_account_external_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
-      external_account_source: "PLAID",
-      balance: 435121,
-      at: "2024-04-03T13:00:00Z",
-      created_at: "2024-04-06T16:44:35.715458Z"
-    },
-    current_ledger_balance: 373717,
-    institution: {
-      name: "Chase",
-      logo: ""
-    },
-    connection_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
-    connection_external_id: "11111",
-    connection_needs_repair_as_of: "2024-03-06T16:44:35.715458Z",
-    requires_user_confirmation_as_of: null,
-    is_syncing: false
-  },
-  {
-    id: "8f430e29-e339-4d71-a08a-fce469c7a7c1",
-    external_account_external_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
-    external_account_source: "PLAID",
-    external_account_name: "Citi Double Cash\xAE Card",
-    mask: "1234",
-    latest_balance_timestamp: {
-      external_account_external_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
-      external_account_source: "PLAID",
-      balance: 435121,
-      at: "2024-04-03T13:00:00Z",
-      created_at: "2024-04-06T16:44:35.715458Z"
-    },
-    current_ledger_balance: 373717,
-    institution: {
-      name: "Chase",
-      logo: ""
-    },
-    connection_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
-    connection_external_id: "11111",
-    connection_needs_repair_as_of: null,
-    requires_user_confirmation_as_of: "2024-03-06T16:44:35.715458Z",
-    is_syncing: false
+// src/utils/colors.ts
+var parseStylesFromThemeConfig = (theme) => {
+  let styles = {};
+  if (!theme) {
+    return styles;
   }
-];
-
-// src/hooks/useLinkedAccounts/useLinkedAccounts.ts
-var import_swr2 = __toESM(require("swr"));
-var DEBUG = true;
-var USE_MOCK_RESPONSE_DATA = false;
-var useLinkedAccounts = () => {
-  const {
-    auth,
-    businessId,
-    apiUrl,
-    usePlaidSandbox,
-    touch,
-    read,
-    syncTimestamps,
-    hasBeenTouched
-  } = useLayerContext();
-  const [linkToken, setLinkToken] = (0, import_react14.useState)(null);
-  const [loadingStatus, setLoadingStatus] = (0, import_react14.useState)("initial");
-  const USE_PLAID_SANDBOX = usePlaidSandbox ?? true;
-  const [linkMode, setLinkMode] = (0, import_react14.useState)("add");
-  const queryKey = businessId && auth?.access_token && `linked-accounts-${businessId}`;
-  const {
-    data: responseData,
-    isLoading,
-    isValidating,
-    error: responseError,
-    mutate
-  } = (0, import_swr2.default)(
-    queryKey,
-    Layer.getLinkedAccounts(apiUrl, auth?.access_token, {
-      params: { businessId }
-    })
-  );
-  (0, import_react14.useEffect)(() => {
-    if (!isLoading && responseData?.data.external_accounts) {
-      setLoadingStatus("complete");
-      return;
+  if (theme.colors) {
+    const darkColor = parseColorFromTheme("dark", theme.colors.dark);
+    const lightColor = parseColorFromTheme("light", theme.colors.light);
+    const textColor = parseTextColorFromTheme(theme.colors.text);
+    styles = { ...styles, ...darkColor, ...lightColor, ...textColor };
+  }
+  return styles;
+};
+var parseTextColorFromTheme = (color) => {
+  if (!color) {
+    return {};
+  }
+  try {
+    if ("hex" in color) {
+      return { "--text-color-primary": color.hex };
     }
-    if (isLoading && loadingStatus === "initial") {
-      setLoadingStatus("loading");
-      return;
+    return {};
+  } catch (_err) {
+    return {};
+  }
+};
+var parseColorFromTheme = (colorName, color) => {
+  if (!color) {
+    return {};
+  }
+  try {
+    if ("h" in color && "s" in color && "l" in color) {
+      return {
+        [`--color-${colorName}-h`]: color.h,
+        [`--color-${colorName}-s`]: color.s,
+        [`--color-${colorName}-l`]: color.l
+      };
     }
-    if (!isLoading && loadingStatus === "loading") {
-      setLoadingStatus("complete");
+    if ("r" in color && "g" in color && "b" in color) {
+      const { h, s, l } = rgbToHsl(color);
+      return {
+        [`--color-${colorName}-h`]: h,
+        [`--color-${colorName}-s`]: `${s}%`,
+        [`--color-${colorName}-l`]: `${l}%`
+      };
     }
-  }, [isLoading]);
-  const fetchPlaidLinkToken = async () => {
-    if (auth?.access_token) {
-      const linkToken2 = (await Layer.getPlaidLinkToken(apiUrl, auth.access_token, {
-        params: { businessId }
-      })).data.link_token;
-      setLinkMode("add");
-      setLinkToken(linkToken2);
+    if ("hex" in color) {
+      const rgb = hexToRgb(color.hex);
+      if (!rgb) {
+        return {};
+      }
+      const { h, s, l } = rgbToHsl({
+        r: rgb.r.toString(),
+        g: rgb.g.toString(),
+        b: rgb.b.toString()
+      });
+      return {
+        [`--color-${colorName}-h`]: h,
+        [`--color-${colorName}-s`]: `${s}%`,
+        [`--color-${colorName}-l`]: `${l}%`
+      };
     }
-  };
-  const fetchPlaidUpdateModeLinkToken = async (plaidItemPlaidId) => {
-    if (auth?.access_token) {
-      const linkToken2 = (await Layer.getPlaidUpdateModeLinkToken(apiUrl, auth.access_token, {
-        params: { businessId },
-        body: { plaid_item_id: plaidItemPlaidId }
-      })).data.link_token;
-      setLinkMode("update");
-      setLinkToken(linkToken2);
+    return {};
+  } catch (_err) {
+    return {};
+  }
+};
+var parseColorFromThemeToHsl = (color) => {
+  if (!color) {
+    return;
+  }
+  try {
+    if ("h" in color && "s" in color && "l" in color) {
+      return {
+        h: Number(color.h),
+        s: Number(color.s),
+        l: Number(color.l)
+      };
+    }
+    if ("r" in color && "g" in color && "b" in color) {
+      const { h, s, l } = rgbToHsl(color);
+      return {
+        h,
+        s,
+        l
+      };
     }
+    if ("hex" in color) {
+      const rgb = hexToRgb(color.hex);
+      if (!rgb) {
+        return void 0;
+      }
+      const { h, s, l } = rgbToHsl({
+        r: rgb.r.toString(),
+        g: rgb.g.toString(),
+        b: rgb.b.toString()
+      });
+      return {
+        h,
+        s,
+        l
+      };
+    }
+    return;
+  } catch (_err) {
+    return;
+  }
+};
+var rgbToHsl = (color) => {
+  let r = Number(color.r);
+  let g = Number(color.g);
+  let b = Number(color.b);
+  r /= 255;
+  g /= 255;
+  b /= 255;
+  const l = Math.max(r, g, b);
+  const s = l - Math.min(r, g, b);
+  const h = s ? l === r ? (g - b) / s : l === g ? 2 + (b - r) / s : 4 + (r - g) / s : 0;
+  return {
+    h: 60 * h < 0 ? 60 * h + 360 : 60 * h,
+    s: 100 * (s ? l <= 0.5 ? s / (2 * l - s) : s / (2 - (2 * l - s)) : 0),
+    l: 100 * (2 * l - s) / 2
   };
-  const exchangePlaidPublicToken2 = async (publicToken, metadata) => {
-    await Layer.exchangePlaidPublicToken(apiUrl, auth?.access_token, {
-      params: { businessId },
-      body: { public_token: publicToken, institution: metadata.institution }
-    });
-    refetchAccounts();
+};
+var hexToRgb = (hex) => {
+  const values = hex.replace(
+    /^#?([a-f\d])([a-f\d])([a-f\d])$/i,
+    (m, r, g, b) => "#" + r + r + g + g + b + b
+  ).substring(1).match(/.{2}/g)?.map((x) => parseInt(x, 16));
+  if (!values) {
+    return;
+  }
+  return {
+    r: values[0],
+    g: values[1],
+    b: values[2]
+  };
+};
+var buildColorsPalette = (theme) => {
+  const darkColor = parseColorFromThemeToHsl(theme?.colors?.dark) ?? COLORS.dark;
+  const lightColor = parseColorFromThemeToHsl(theme?.colors?.light) ?? COLORS.light;
+  return {
+    50: buildColorShade(50, darkColor),
+    100: buildColorShade(100, darkColor),
+    200: buildColorShade(200, darkColor),
+    300: buildColorShade(300, darkColor),
+    400: {
+      hsl: lightColor,
+      rgb: hslToRgb(lightColor),
+      hex: hslToHex(lightColor)
+    },
+    500: buildColorShade(500, darkColor),
+    600: buildColorShade(600, darkColor),
+    700: buildColorShade(700, darkColor),
+    800: buildColorShade(800, darkColor),
+    900: {
+      hsl: darkColor,
+      rgb: hslToRgb(darkColor),
+      hex: hslToHex(darkColor)
+    },
+    1e3: buildColorShade(1e3, darkColor)
+  };
+};
+var buildColorShade = (shade, darkColorHsl) => {
+  const hsl = { h: darkColorHsl.h, ...SHADES[shade] };
+  const rgb = hslToRgb(hsl);
+  const hex = hslToHex(hsl);
+  return { hsl, rgb, hex };
+};
+var hueToRgb = (p, q, t) => {
+  if (t < 0)
+    t += 1;
+  if (t > 1)
+    t -= 1;
+  if (t < 1 / 6)
+    return p + (q - p) * 6 * t;
+  if (t < 1 / 2)
+    return q;
+  if (t < 2 / 3)
+    return p + (q - p) * (2 / 3 - t) * 6;
+  return p;
+};
+var hslToRgb = (hsl) => {
+  let r, g, b;
+  let l = hsl.l / 100;
+  let s = hsl.s / 100;
+  if (hsl.s === 0) {
+    r = g = b = l;
+  } else {
+    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    const p = 2 * l - q;
+    r = hueToRgb(p, q, hsl.h + 1 / 3);
+    g = hueToRgb(p, q, hsl.h);
+    b = hueToRgb(p, q, hsl.h - 1 / 3);
+  }
+  return {
+    r: Math.round(r * 255),
+    g: Math.round(g * 255),
+    b: Math.round(b * 255)
+  };
+};
+var hslToHex = (hsl) => {
+  const l = hsl.l / 100;
+  const s = hsl.s;
+  const a = s * Math.min(l, 1 - l) / 100;
+  const f = (n) => {
+    const k = (n + hsl.h / 30) % 12;
+    const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
+    return Math.round(255 * color).toString(16).padStart(2, "0");
+  };
+  return `#${f(0)}${f(8)}${f(4)}`;
+};
+
+// src/providers/LayerProvider/LayerProvider.tsx
+var import_date_fns = require("date-fns");
+var import_swr2 = __toESM(require("swr"));
+var reducer = (state, action) => {
+  switch (action.type) {
+    case "LayerContext.setAuth" /* setAuth */:
+    case "LayerContext.setBusiness" /* setBusiness */:
+    case "LayerContext.setCategories" /* setCategories */:
+    case "LayerContext.setTheme" /* setTheme */:
+    case "LayerContext.setOnboardingStep" /* setOnboardingStep */:
+    case "LayerContext.setColors" /* setColors */:
+      return { ...state, ...action.payload };
+    case "LayerContext.setToast" /* setToast */:
+      return {
+        ...state,
+        toasts: [
+          ...state.toasts,
+          { ...action.payload.toast, isExiting: false }
+        ]
+      };
+    case "LayerContext.setToastExit" /* setToastExit */:
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (toast) => toast.id === action.payload.toast.id ? { ...toast, isExiting: false } : toast
+        )
+      };
+    case "LayerContext.removeToast" /* removeToast */:
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.payload.toast.id)
+      };
+    default:
+      return state;
+  }
+};
+var LayerEnvironment = {
+  production: {
+    url: "https://auth.layerfi.com/oauth2/token",
+    scope: "https://api.layerfi.com/production",
+    apiUrl: "https://api.layerfi.com"
+  },
+  sandbox: {
+    url: "https://auth.layerfi.com/oauth2/token",
+    scope: "https://sandbox.layerfi.com/sandbox",
+    apiUrl: "https://sandbox.layerfi.com"
+  },
+  staging: {
+    url: "https://auth.layerfi.com/oauth2/token",
+    scope: "https://sandbox.layerfi.com/sandbox",
+    apiUrl: "https://sandbox.layerfi.com"
+  },
+  internalStaging: {
+    url: "https://auth.layerfi.com/oauth2/token",
+    scope: "https://sandbox.layerfi.com/sandbox",
+    apiUrl: "https://staging.layerfi.com"
+  }
+};
+var LayerProvider = ({
+  appId,
+  appSecret,
+  businessId,
+  children,
+  businessAccessToken,
+  environment = "production",
+  theme,
+  usePlaidSandbox,
+  onError,
+  eventCallbacks
+}) => {
+  const defaultSWRConfig = {
+    revalidateInterval: 0,
+    revalidateOnFocus: false,
+    revalidateOnReconnect: false,
+    revalidateIfStale: false
   };
-  const { open: plaidLinkStart, ready: plaidLinkReady } = (0, import_react_plaid_link.usePlaidLink)({
-    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: async (publicToken, metadata) => {
-      if (linkMode == "add") {
-        exchangePlaidPublicToken2(publicToken, metadata);
-      } else {
-        await updateConnectionStatus2();
-        refetchAccounts();
-        setLinkMode("add");
-        touch("LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */);
-      }
+  errorHandler.setOnError(onError);
+  const colors = buildColorsPalette(theme);
+  const { url, scope, apiUrl } = LayerEnvironment[environment];
+  const [state, dispatch] = (0, import_react13.useReducer)(reducer, {
+    auth: {
+      access_token: "",
+      token_type: "",
+      expires_in: 0,
+      expires_at: new Date(2e3, 1, 1)
     },
-    onExit: () => setLinkMode("add"),
-    env: USE_PLAID_SANDBOX ? "sandbox" : void 0
+    businessId,
+    business: void 0,
+    categories: [],
+    apiUrl,
+    theme,
+    colors,
+    usePlaidSandbox,
+    onboardingStep: void 0,
+    environment,
+    toasts: [],
+    eventCallbacks: {}
   });
-  (0, import_react14.useEffect)(() => {
-    if (plaidLinkReady) {
-      plaidLinkStart();
-    }
-  }, [plaidLinkStart, plaidLinkReady]);
-  const mockResponseData = {
-    data: LINKED_ACCOUNTS_MOCK_DATA,
-    meta: {},
-    error: void 0
-  };
-  const addConnection = (source) => {
-    if (source === "PLAID") {
-      fetchPlaidLinkToken();
-    } else {
-      console.error(
-        `Adding a connection with source ${source} not yet supported`
-      );
-    }
-  };
-  const repairConnection = async (source, connectionExternalId) => {
-    if (source === "PLAID") {
-      await fetchPlaidUpdateModeLinkToken(connectionExternalId);
-    } else {
-      console.error(
-        `Repairing a connection with source ${source} not yet supported`
-      );
-    }
-  };
-  const removeConnection = async (source, connectionExternalId) => {
-    if (source === "PLAID") {
-      await unlinkPlaidItem2(connectionExternalId);
-      await refetchAccounts();
-    } else {
-      console.error(
-        `Removing a connection with source ${source} not yet supported`
-      );
-    }
-  };
-  const unlinkAccount2 = async (source, accountId) => {
-    DEBUG && console.log("unlinking account");
-    if (source === "PLAID") {
-      await Layer.unlinkAccount(apiUrl, auth?.access_token, {
-        params: { businessId, accountId }
+  const {
+    touch,
+    syncTimestamps,
+    read,
+    readTimestamps,
+    hasBeenTouched,
+    resetCaches
+  } = useDataSync();
+  const { data: auth } = appId !== void 0 && appSecret !== void 0 ? (0, import_swr2.default)(
+    businessAccessToken === void 0 && appId !== void 0 && appSecret !== void 0 && (0, import_date_fns.isBefore)(state.auth.expires_at, /* @__PURE__ */ new Date()) && "authenticate",
+    Layer.authenticate({
+      appId,
+      appSecret,
+      authenticationUrl: url,
+      scope
+    }),
+    defaultSWRConfig
+  ) : { data: void 0 };
+  (0, import_react13.useEffect)(() => {
+    if (businessAccessToken) {
+      dispatch({
+        type: "LayerContext.setAuth" /* setAuth */,
+        payload: {
+          auth: {
+            access_token: businessAccessToken,
+            token_type: "Bearer",
+            expires_in: 3600,
+            expires_at: (0, import_date_fns.add)(/* @__PURE__ */ new Date(), { seconds: 3600 })
+          }
+        }
       });
-      await refetchAccounts();
-      touch("LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */);
-    } else {
-      console.error(
-        `Unlinking an account with source ${source} not yet supported`
-      );
-    }
-  };
-  const confirmAccount = async (source, accountId) => {
-    DEBUG && console.log("confirming account");
-    if (source === "PLAID") {
-      await Layer.confirmConnection(apiUrl, auth?.access_token, {
-        params: {
-          businessId,
-          accountId
+    } else if (auth?.access_token) {
+      dispatch({
+        type: "LayerContext.setAuth" /* setAuth */,
+        payload: {
+          auth: {
+            ...auth,
+            expires_at: (0, import_date_fns.add)(/* @__PURE__ */ new Date(), { seconds: auth.expires_in })
+          }
         }
       });
-      await refetchAccounts();
-      touch("LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */);
-    } else {
-      console.error(
-        `Confirming an account with source ${source} not yet supported`
-      );
     }
-  };
-  const denyAccount = async (source, accountId) => {
-    DEBUG && console.log("confirming account");
-    if (source === "PLAID") {
-      await Layer.denyConnection(apiUrl, auth?.access_token, {
-        params: {
-          businessId,
-          accountId
+  }, [businessAccessToken, auth?.access_token]);
+  const { data: categoriesData } = (0, import_swr2.default)(
+    businessId && state.auth?.access_token && `categories-${businessId}`,
+    Layer.getCategories(apiUrl, state.auth?.access_token, {
+      params: { businessId }
+    }),
+    {
+      ...defaultSWRConfig,
+      onSuccess: (response) => {
+        if (response?.data?.categories?.length) {
+          dispatch({
+            type: "LayerContext.setCategories" /* setCategories */,
+            payload: { categories: response.data.categories || [] }
+          });
         }
+      }
+    }
+  );
+  (0, import_react13.useEffect)(() => {
+    if (categoriesData?.data?.categories?.length) {
+      dispatch({
+        type: "LayerContext.setCategories" /* setCategories */,
+        payload: { categories: categoriesData.data.categories || [] }
       });
-      await refetchAccounts();
-      touch("LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */);
-    } else {
-      console.error(
-        `Denying an account with source ${source} not yet supported`
-      );
     }
-  };
-  const breakConnection = async (source, connectionExternalId) => {
-    DEBUG && console.log("Breaking sandbox plaid item connection");
-    if (source === "PLAID") {
-      await Layer.breakPlaidItemConnection(apiUrl, auth?.access_token, {
-        params: {
-          businessId,
-          plaidItemPlaidId: connectionExternalId
+  }, [categoriesData]);
+  const { data: businessData } = (0, import_swr2.default)(
+    businessId && state?.auth?.access_token && `business-${businessId}`,
+    Layer.getBusiness(apiUrl, state?.auth?.access_token, {
+      params: { businessId }
+    }),
+    {
+      ...defaultSWRConfig,
+      onSuccess: (response) => {
+        if (response?.data) {
+          dispatch({
+            type: "LayerContext.setBusiness" /* setBusiness */,
+            payload: { business: response.data || [] }
+          });
         }
+      }
+    }
+  );
+  (0, import_react13.useEffect)(() => {
+    if (businessData?.data) {
+      dispatch({
+        type: "LayerContext.setBusiness" /* setBusiness */,
+        payload: { business: businessData.data || [] }
       });
-      await refetchAccounts();
-      touch("LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */);
-    } else {
-      console.error(
-        `Breaking a sandbox connection with source ${source} not yet supported`
-      );
     }
+  }, [businessData]);
+  const setTheme = (theme2) => {
+    dispatch({
+      type: "LayerContext.setTheme" /* setTheme */,
+      payload: { theme: theme2 }
+    });
+    dispatch({
+      type: "LayerContext.setColors" /* setColors */,
+      payload: { colors: buildColorsPalette(theme2) }
+    });
   };
-  const refetchAccounts = async () => {
-    DEBUG && console.log("refetching accounts...");
-    await mutate();
+  const setLightColor = (color) => {
+    setTheme({
+      ...state.theme ?? {},
+      colors: {
+        ...state.theme?.colors ?? {},
+        light: color
+      }
+    });
   };
-  const syncAccounts = async () => {
-    DEBUG && console.log("resyncing accounts...");
-    await Layer.syncConnection(apiUrl, auth?.access_token, {
-      params: { businessId }
+  const setDarkColor = (color) => {
+    setTheme({
+      ...state.theme ?? {},
+      colors: {
+        ...state.theme?.colors ?? {},
+        dark: color
+      }
     });
   };
-  const updateConnectionStatus2 = async () => {
-    DEBUG && console.log("updating connection status...");
-    await Layer.updateConnectionStatus(apiUrl, auth?.access_token, {
-      params: { businessId }
+  const setTextColor = (color) => {
+    setTheme({
+      ...state.theme ?? {},
+      colors: {
+        ...state.theme?.colors ?? {},
+        text: color
+      }
     });
   };
-  const unlinkPlaidItem2 = async (plaidItemPlaidId) => {
-    DEBUG && console.log("unlinking plaid item");
-    await Layer.unlinkPlaidItem(apiUrl, auth?.access_token, {
-      params: { businessId, plaidItemPlaidId }
-    });
-    await refetchAccounts();
-    touch("LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */);
+  const setToast = (toast) => {
+    dispatch({ type: "LayerContext.setToast" /* setToast */, payload: { toast } });
   };
-  (0, import_react14.useEffect)(() => {
-    if (queryKey && (isLoading || isValidating)) {
-      read("LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */, queryKey);
-    }
-  }, [isLoading, isValidating]);
-  (0, import_react14.useEffect)(() => {
-    if (queryKey && hasBeenTouched(queryKey)) {
-      refetchAccounts();
+  const removeToast = (toast) => {
+    dispatch({ type: "LayerContext.removeToast" /* removeToast */, payload: { toast } });
+  };
+  const setToastExit = (toast) => {
+    dispatch({ type: "LayerContext.setToastExit" /* setToastExit */, payload: { toast } });
+  };
+  const addToast = (toast) => {
+    const id = `${Date.now()}-${Math.random()}`;
+    const newToast = { id, isExiting: false, ...toast };
+    setToast(newToast);
+    setTimeout(() => {
+      removeToast(newToast);
+      setTimeout(() => {
+        setToastExit(newToast);
+      }, 1e3);
+    }, toast.duration || 2e3);
+  };
+  const setColors = (colors2) => setTheme({
+    ...state.theme ?? {},
+    colors: colors2
+  });
+  const getColor = (shade) => {
+    if (state.colors && shade in state.colors) {
+      return state.colors[shade];
     }
-  }, [syncTimestamps]);
-  return {
-    data: USE_MOCK_RESPONSE_DATA ? mockResponseData.data : responseData?.data.external_accounts,
-    isLoading,
-    loadingStatus,
-    isValidating,
-    error: responseError,
-    addConnection,
-    removeConnection,
-    repairConnection,
-    refetchAccounts,
-    unlinkAccount: unlinkAccount2,
-    confirmAccount,
-    denyAccount,
-    breakConnection,
-    syncAccounts,
-    updateConnectionStatus: updateConnectionStatus2
+    return;
   };
+  const setOnboardingStep = (value) => dispatch({
+    type: "LayerContext.setOnboardingStep" /* setOnboardingStep */,
+    payload: { onboardingStep: value }
+  });
+  const drawerContextData = useDrawer();
+  return /* @__PURE__ */ import_react13.default.createElement(import_swr2.SWRConfig, { value: defaultSWRConfig }, /* @__PURE__ */ import_react13.default.createElement(
+    LayerContext.Provider,
+    {
+      value: {
+        ...state,
+        setTheme,
+        getColor,
+        setLightColor,
+        setDarkColor,
+        setTextColor,
+        setColors,
+        setOnboardingStep,
+        addToast,
+        removeToast,
+        onError: errorHandler.onError,
+        touch,
+        read,
+        syncTimestamps,
+        readTimestamps,
+        expireDataCaches: resetCaches,
+        hasBeenTouched,
+        eventCallbacks
+      }
+    },
+    /* @__PURE__ */ import_react13.default.createElement(BankTransactionsProvider, null, /* @__PURE__ */ import_react13.default.createElement(DrawerContext.Provider, { value: drawerContextData }, children, /* @__PURE__ */ import_react13.default.createElement(GlobalWidgets, null)))
+  ));
 };
 
+// src/components/Onboarding/Onboarding.tsx
+var import_react39 = __toESM(require("react"));
+
+// src/contexts/LinkedAccountsContext/LinkedAccountsContext.ts
+var import_react14 = require("react");
+var LinkedAccountsContext = (0, import_react14.createContext)({
+  data: void 0,
+  isLoading: false,
+  loadingStatus: "initial",
+  isValidating: false,
+  error: void 0,
+  updateConnectionStatus: () => {
+  },
+  addConnection: () => {
+  },
+  removeConnection: () => {
+  },
+  repairConnection: () => {
+  },
+  refetchAccounts: () => {
+  },
+  unlinkAccount: () => {
+  },
+  denyAccount: () => {
+  },
+  confirmAccount: () => {
+  },
+  breakConnection: () => {
+  },
+  syncAccounts: () => {
+  }
+});
+
 // src/providers/LinkedAccountsProvider/LinkedAccountsProvider.tsx
+var import_react15 = __toESM(require("react"));
 var LinkedAccountsProvider = ({
   children
 }) => {
@@ -2276,8 +2318,32 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React16.createElement
 );
 var Sunrise_default = Sunrise;
 
+// src/components/BankTransactions/constants.ts
+var CategorizedCategories = [
+  "CATEGORIZED" /* CATEGORIZED */,
+  "JOURNALING" /* JOURNALING */,
+  "SPLIT" /* SPLIT */,
+  "MATCHED" /* MATCHED */
+];
+var ReviewCategories = [
+  "READY_FOR_INPUT" /* READY_FOR_INPUT */,
+  "LAYER_REVIEW" /* LAYER_REVIEW */
+];
+
+// src/components/BankTransactions/utils.ts
+var filterVisibility = (scope, bankTransaction) => {
+  const categorized = CategorizedCategories.includes(
+    bankTransaction.categorization_status
+  );
+  const inReview = ReviewCategories.includes(
+    bankTransaction.categorization_status
+  );
+  return scope === "all" /* all */ || scope === "review" /* review */ && inReview || scope === "categorized" /* categorized */ && categorized;
+};
+var isCategorized = (bankTransaction) => CategorizedCategories.includes(bankTransaction.categorization_status);
+
 // src/utils/bankTransactions.ts
-var import_date_fns3 = require("date-fns");
+var import_date_fns2 = require("date-fns");
 var hasMatch = (bankTransaction) => {
   return Boolean(
     bankTransaction?.suggested_matches && bankTransaction?.suggested_matches?.length > 0 || bankTransaction?.match
@@ -2305,7 +2371,7 @@ var countTransactionsToReview = ({
       };
       return transactions.filter((tx) => {
         try {
-          return filterVisibility("review" /* review */, tx) && (0, import_date_fns3.isWithinInterval)((0, import_date_fns3.parseISO)(tx.date), dateRangeInterval);
+          return filterVisibility("review" /* review */, tx) && (0, import_date_fns2.isWithinInterval)((0, import_date_fns2.parseISO)(tx.date), dateRangeInterval);
         } catch (_err) {
           return false;
         }
@@ -4734,7 +4800,7 @@ var CategorySelectDrawerContent = ({
 
 // src/components/CategorySelect/CategorySelect.tsx
 var import_classnames23 = __toESM(require("classnames"));
-var import_date_fns4 = require("date-fns");
+var import_date_fns3 = require("date-fns");
 var mapCategoryToOption2 = (category) => {
   return {
     type: "category" /* CATEGORY */,
@@ -4786,7 +4852,7 @@ var Option2 = (props) => {
         ...props,
         className: `${props.className} Layer__select__option-content__match`
       },
-      /* @__PURE__ */ import_react54.default.createElement("div", { className: "Layer__select__option-content__match__main-row" }, /* @__PURE__ */ import_react54.default.createElement("span", { className: "Layer__select__option-content__match__date" }, props.data.payload.date && (0, import_date_fns4.format)((0, import_date_fns4.parseISO)(props.data.payload.date), DATE_FORMAT)), /* @__PURE__ */ import_react54.default.createElement("span", { className: "Layer__select__option-content__match__description" }, props.data.payload.display_name)),
+      /* @__PURE__ */ import_react54.default.createElement("div", { className: "Layer__select__option-content__match__main-row" }, /* @__PURE__ */ import_react54.default.createElement("span", { className: "Layer__select__option-content__match__date" }, props.data.payload.date && (0, import_date_fns3.format)((0, import_date_fns3.parseISO)(props.data.payload.date), DATE_FORMAT)), /* @__PURE__ */ import_react54.default.createElement("span", { className: "Layer__select__option-content__match__description" }, props.data.payload.display_name)),
       /* @__PURE__ */ import_react54.default.createElement("div", { className: "Layer__select__option-content__match__amount-row" }, /* @__PURE__ */ import_react54.default.createElement("span", { className: "Layer__select__option-content__match__amount" }, "$", centsToDollars(props.data.payload.amount)))
     );
   }
@@ -5225,7 +5291,7 @@ var import_react61 = __toESM(require("react"));
 
 // src/components/BankTransactionRow/MatchBadge.tsx
 var import_react60 = __toESM(require("react"));
-var import_date_fns5 = require("date-fns");
+var import_date_fns4 = require("date-fns");
 var MatchBadge = ({
   bankTransaction,
   classNamePrefix,
@@ -5238,7 +5304,7 @@ var MatchBadge = ({
       Badge,
       {
         icon: /* @__PURE__ */ import_react60.default.createElement(MinimizeTwo_default, { size: 11 }),
-        tooltip: /* @__PURE__ */ import_react60.default.createElement("span", { className: `${classNamePrefix}__match-tooltip` }, /* @__PURE__ */ import_react60.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__date` }, (0, import_date_fns5.format)((0, import_date_fns5.parseISO)(date), dateFormat)), /* @__PURE__ */ import_react60.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__description` }, bankTransaction.match?.details?.description ?? ""), /* @__PURE__ */ import_react60.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__amount` }, "$", centsToDollars(amount)))
+        tooltip: /* @__PURE__ */ import_react60.default.createElement("span", { className: `${classNamePrefix}__match-tooltip` }, /* @__PURE__ */ import_react60.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__date` }, (0, import_date_fns4.format)((0, import_date_fns4.parseISO)(date), dateFormat)), /* @__PURE__ */ import_react60.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__description` }, bankTransaction.match?.details?.description ?? ""), /* @__PURE__ */ import_react60.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__amount` }, "$", centsToDollars(amount)))
       },
       text
     );
@@ -5248,7 +5314,7 @@ var MatchBadge = ({
 
 // src/components/MatchForm/MatchForm.tsx
 var import_classnames28 = __toESM(require("classnames"));
-var import_date_fns6 = require("date-fns");
+var import_date_fns5 = require("date-fns");
 var MatchForm = ({
   classNamePrefix,
   bankTransaction,
@@ -5287,7 +5353,7 @@ var MatchForm = ({
         {
           className: `Layer__nowrap ${classNamePrefix}__match-table__date`
         },
-        /* @__PURE__ */ import_react61.default.createElement("span", null, (0, import_date_fns6.format)((0, import_date_fns6.parseISO)(match.details.date), DATE_FORMAT)),
+        /* @__PURE__ */ import_react61.default.createElement("span", null, (0, import_date_fns5.format)((0, import_date_fns5.parseISO)(match.details.date), DATE_FORMAT)),
         /* @__PURE__ */ import_react61.default.createElement("span", { className: "amount-next-to-date" }, "$", centsToDollars(match.details.amount))
       ),
       /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-table__desc` }, /* @__PURE__ */ import_react61.default.createElement(
@@ -5330,7 +5396,7 @@ var MatchForm = ({
 // src/components/MatchForm/MatchFormMobile.tsx
 var import_react62 = __toESM(require("react"));
 var import_classnames29 = __toESM(require("classnames"));
-var import_date_fns7 = require("date-fns");
+var import_date_fns6 = require("date-fns");
 var MatchFormMobile = ({
   classNamePrefix,
   bankTransaction,
@@ -5377,7 +5443,7 @@ var MatchFormMobile = ({
           size: "sm" /* sm */,
           as: "span"
         },
-        (0, import_date_fns7.format)((0, import_date_fns7.parseISO)(match.details.date), MONTH_DAY_FORMAT)
+        (0, import_date_fns6.format)((0, import_date_fns6.parseISO)(match.details.date), MONTH_DAY_FORMAT)
       ))),
       /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-item__col-status` }, selectedMatchId && selectedMatchId === match.id ? /* @__PURE__ */ import_react62.default.createElement(
         Check_default,
@@ -5659,7 +5725,7 @@ var import_classnames32 = __toESM(require("classnames"));
 var isAlreadyMatched2 = (bankTransaction) => {
   if (bankTransaction?.match) {
     const foundMatch = bankTransaction.suggested_matches?.find(
-      (x) => x.details.id === bankTransaction?.match?.details.id
+      (x) => x.details.id === bankTransaction?.match?.details.id || x.details.id === bankTransaction?.match?.bank_transaction.id
     );
     return foundMatch?.id;
   }
@@ -5697,7 +5763,7 @@ var ExpandedBankTransactionRow = (0, import_react66.forwardRef)(
       bankTransaction.category ? "categorize" /* categorize */ : hasMatch(bankTransaction) ? "match" /* match */ : "categorize" /* categorize */
     );
     const [selectedMatchId, setSelectedMatchId] = (0, import_react66.useState)(
-      isAlreadyMatched2(bankTransaction)
+      isAlreadyMatched2(bankTransaction) ?? bankTransaction?.suggested_matches?.[0]?.id
     );
     const [matchFormError, setMatchFormError] = (0, import_react66.useState)();
     const [splitFormError, setSplitFormError] = (0, import_react66.useState)();
@@ -5802,7 +5868,6 @@ var ExpandedBankTransactionRow = (0, import_react66.forwardRef)(
       setSplitFormError(void 0);
     };
     const save = async () => {
-      const endpoint = `/v1/businesses/${businessId}/bank-transactions/${bankTransaction.id}/metadata`;
       if (showDescriptions && memoText != void 0) {
         const result = await Layer.updateBankTransactionMetadata(
           apiUrl,
@@ -5821,9 +5886,12 @@ var ExpandedBankTransactionRow = (0, import_react66.forwardRef)(
       if (purpose === "match" /* match */) {
         if (!selectedMatchId) {
           setMatchFormError("Select an option to match the transaction");
+          return;
         } else if (selectedMatchId && selectedMatchId !== isAlreadyMatched2(bankTransaction)) {
-          onMatchSubmit(selectedMatchId);
+          await onMatchSubmit(selectedMatchId);
+          return;
         }
+        close();
         return;
       }
       if (!validateSplit(rowState)) {
@@ -6174,7 +6242,7 @@ var SplitTooltipDetails = ({
 
 // src/components/BankTransactionRow/BankTransactionRow.tsx
 var import_classnames33 = __toESM(require("classnames"));
-var import_date_fns8 = require("date-fns");
+var import_date_fns7 = require("date-fns");
 var extractDescriptionForSplit = (category) => {
   if (!category.entries) {
     return "";
@@ -6209,9 +6277,9 @@ var BankTransactionRow = ({
   const expandedRowRef = (0, import_react68.useRef)(null);
   const [showRetry, setShowRetry] = (0, import_react68.useState)(false);
   const {
-    filters,
     categorize: categorizeBankTransaction2,
-    match: matchBankTransaction2
+    match: matchBankTransaction2,
+    shouldHideAfterCategorize
   } = useBankTransactionsContext();
   const [selectedCategory, setSelectedCategory] = (0, import_react68.useState)(
     getDefaultSelectedCategory(bankTransaction)
@@ -6249,7 +6317,7 @@ var BankTransactionRow = ({
     }
   }, [bankTransaction.error]);
   (0, import_react68.useEffect)(() => {
-    if (editable && bankTransaction.recently_categorized) {
+    if (editable && bankTransaction.recently_categorized && shouldHideAfterCategorize(bankTransaction)) {
       setTimeout(() => {
         removeTransaction(bankTransaction);
       }, 300);
@@ -6282,7 +6350,7 @@ var BankTransactionRow = ({
   const openClassName = open ? `${className}--expanded` : "";
   const rowClassName = (0, import_classnames33.default)(
     className,
-    bankTransaction.recently_categorized && editable ? "Layer__bank-transaction-row--removing" : "",
+    bankTransaction.recently_categorized && editable && shouldHideAfterCategorize(bankTransaction) ? "Layer__bank-transaction-row--removing" : "",
     open ? openClassName : "",
     initialLoad ? "initial-load" : "",
     showComponent ? "show" : ""
@@ -6293,7 +6361,7 @@ var BankTransactionRow = ({
       className: "Layer__table-cell  Layer__bank-transaction-table__date-col",
       ...openRow
     },
-    /* @__PURE__ */ import_react68.default.createElement("span", { className: "Layer__table-cell-content" }, (0, import_date_fns8.format)((0, import_date_fns8.parseISO)(bankTransaction.date), dateFormat))
+    /* @__PURE__ */ import_react68.default.createElement("span", { className: "Layer__table-cell-content" }, (0, import_date_fns7.format)((0, import_date_fns7.parseISO)(bankTransaction.date), dateFormat))
   ), /* @__PURE__ */ import_react68.default.createElement(
     "td",
     {
@@ -6382,8 +6450,8 @@ var BankTransactionRow = ({
           bankTransaction,
           dateFormat
         }
-      ), /* @__PURE__ */ import_react68.default.createElement("span", { className: `${className}__category-text__text` }, `${(0, import_date_fns8.format)(
-        (0, import_date_fns8.parseISO)(bankTransaction.match.bank_transaction.date),
+      ), /* @__PURE__ */ import_react68.default.createElement("span", { className: `${className}__category-text__text` }, `${(0, import_date_fns7.format)(
+        (0, import_date_fns7.parseISO)(bankTransaction.match.bank_transaction.date),
         dateFormat
       )}, ${bankTransaction.match?.details?.description}`)), bankTransaction?.categorization_status !== "MATCHED" /* MATCHED */ && bankTransaction?.categorization_status !== "SPLIT" /* SPLIT */ && /* @__PURE__ */ import_react68.default.createElement("span", { className: `${className}__category-text__text` }, bankTransaction?.category?.display_name)) : null,
       !categorized && !open && showRetry ? /* @__PURE__ */ import_react68.default.createElement(
@@ -6458,7 +6526,7 @@ var BankTransactionRow = ({
 
 // src/components/BankTransactionList/Assignment.tsx
 var import_react69 = __toESM(require("react"));
-var import_date_fns9 = require("date-fns");
+var import_date_fns8 = require("date-fns");
 var Assignment = ({ bankTransaction }) => {
   if (bankTransaction.match && bankTransaction.categorization_status === "MATCHED" /* MATCHED */) {
     return /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, /* @__PURE__ */ import_react69.default.createElement(
@@ -6469,8 +6537,8 @@ var Assignment = ({ bankTransaction }) => {
         dateFormat: DATE_FORMAT,
         text: "Matched"
       }
-    ), /* @__PURE__ */ import_react69.default.createElement(Text, { className: "Layer__bank-transaction-list-item__category-text__text" }, `${(0, import_date_fns9.format)(
-      (0, import_date_fns9.parseISO)(bankTransaction.match.bank_transaction.date),
+    ), /* @__PURE__ */ import_react69.default.createElement(Text, { className: "Layer__bank-transaction-list-item__category-text__text" }, `${(0, import_date_fns8.format)(
+      (0, import_date_fns8.parseISO)(bankTransaction.match.bank_transaction.date),
       DATE_FORMAT
     )}, ${bankTransaction.match.bank_transaction.description ?? bankTransaction.match?.details?.description}`));
   }
@@ -6495,7 +6563,7 @@ var Assignment = ({ bankTransaction }) => {
 
 // src/components/BankTransactionList/BankTransactionListItem.tsx
 var import_classnames34 = __toESM(require("classnames"));
-var import_date_fns10 = require("date-fns");
+var import_date_fns9 = require("date-fns");
 var BankTransactionListItem = ({
   index = 0,
   dateFormat,
@@ -6510,7 +6578,11 @@ var BankTransactionListItem = ({
 }) => {
   const expandedRowRef = (0, import_react70.useRef)(null);
   const [showRetry, setShowRetry] = (0, import_react70.useState)(false);
-  const { categorize: categorizeBankTransaction2, match: matchBankTransaction2 } = useBankTransactionsContext();
+  const {
+    categorize: categorizeBankTransaction2,
+    match: matchBankTransaction2,
+    shouldHideAfterCategorize
+  } = useBankTransactionsContext();
   const [selectedCategory, setSelectedCategory] = (0, import_react70.useState)(
     getDefaultSelectedCategory(bankTransaction)
   );
@@ -6532,7 +6604,7 @@ var BankTransactionListItem = ({
     }
   }, [bankTransaction.error]);
   (0, import_react70.useEffect)(() => {
-    if (editable && bankTransaction.recently_categorized) {
+    if (editable && bankTransaction.recently_categorized && shouldHideAfterCategorize(bankTransaction)) {
       setTimeout(() => {
         removeTransaction(bankTransaction);
       }, 300);
@@ -6560,11 +6632,11 @@ var BankTransactionListItem = ({
   const openClassName = open ? `${className}--expanded` : "";
   const rowClassName = (0, import_classnames34.default)(
     className,
-    bankTransaction.recently_categorized && editable ? "Layer__bank-transaction-row--removing" : "",
+    bankTransaction.recently_categorized && editable && shouldHideAfterCategorize(bankTransaction) ? "Layer__bank-transaction-row--removing" : "",
     open ? openClassName : "",
     showComponent ? "show" : ""
   );
-  return /* @__PURE__ */ import_react70.default.createElement("li", { className: rowClassName }, /* @__PURE__ */ import_react70.default.createElement("span", { className: `${className}__heading` }, /* @__PURE__ */ import_react70.default.createElement("div", { className: `${className}__heading__main` }, /* @__PURE__ */ import_react70.default.createElement("span", { className: `${className}__heading-date` }, (0, import_date_fns10.format)((0, import_date_fns10.parseISO)(bankTransaction.date), dateFormat)), /* @__PURE__ */ import_react70.default.createElement("span", { className: `${className}__heading-separator` }), /* @__PURE__ */ import_react70.default.createElement("span", { className: `${className}__heading-account-name` }, bankTransaction.account_name ?? "")), /* @__PURE__ */ import_react70.default.createElement(
+  return /* @__PURE__ */ import_react70.default.createElement("li", { className: rowClassName }, /* @__PURE__ */ import_react70.default.createElement("span", { className: `${className}__heading` }, /* @__PURE__ */ import_react70.default.createElement("div", { className: `${className}__heading__main` }, /* @__PURE__ */ import_react70.default.createElement("span", { className: `${className}__heading-date` }, (0, import_date_fns9.format)((0, import_date_fns9.parseISO)(bankTransaction.date), dateFormat)), /* @__PURE__ */ import_react70.default.createElement("span", { className: `${className}__heading-separator` }), /* @__PURE__ */ import_react70.default.createElement("span", { className: `${className}__heading-account-name` }, bankTransaction.account_name ?? "")), /* @__PURE__ */ import_react70.default.createElement(
     "div",
     {
       onClick: toggleOpen,
@@ -7131,7 +7203,7 @@ var TransactionToOpenContext = (0, import_react78.createContext)({
 
 // src/components/BankTransactionMobileList/BankTransactionMobileListItem.tsx
 var import_classnames36 = __toESM(require("classnames"));
-var import_date_fns11 = require("date-fns");
+var import_date_fns10 = require("date-fns");
 var DATE_FORMAT2 = "LLL d";
 var getAssignedValue2 = (bankTransaction) => {
   if (bankTransaction.categorization_status === "SPLIT" /* SPLIT */) {
@@ -7156,6 +7228,7 @@ var BankTransactionMobileListItem = ({
     setTransactionIdToOpen,
     clearTransactionIdToOpen
   } = (0, import_react79.useContext)(TransactionToOpenContext);
+  const { shouldHideAfterCategorize } = useBankTransactionsContext();
   const formRowRef = useElementSize(
     (_a, _b, { height: height2 }) => setHeight(height2)
   );
@@ -7189,7 +7262,7 @@ var BankTransactionMobileListItem = ({
   }, [transactionIdToOpen]);
   (0, import_react79.useEffect)(() => {
     if (!removeAnim && bankTransaction.recently_categorized) {
-      if (editable) {
+      if (editable && shouldHideAfterCategorize(bankTransaction)) {
         setRemoveAnim(true);
         openNext();
       } else {
@@ -7222,7 +7295,7 @@ var BankTransactionMobileListItem = ({
     }
   }, []);
   (0, import_react79.useEffect)(() => {
-    if (editable && bankTransaction.recently_categorized) {
+    if (editable && bankTransaction.recently_categorized && shouldHideAfterCategorize(bankTransaction)) {
       setTimeout(() => {
         removeTransaction(bankTransaction);
       }, 300);
@@ -7253,7 +7326,7 @@ var BankTransactionMobileListItem = ({
       },
       isCredit(bankTransaction) ? "+$" : " $",
       centsToDollars(bankTransaction.amount)
-    ), /* @__PURE__ */ import_react79.default.createElement("span", { className: `${className}__heading__date` }, (0, import_date_fns11.format)((0, import_date_fns11.parseISO)(bankTransaction.date), DATE_FORMAT2))))
+    ), /* @__PURE__ */ import_react79.default.createElement("span", { className: `${className}__heading__date` }, (0, import_date_fns10.format)((0, import_date_fns10.parseISO)(bankTransaction.date), DATE_FORMAT2))))
   ), categorizationEnabled(mode) ? /* @__PURE__ */ import_react79.default.createElement(
     "div",
     {
@@ -7776,11 +7849,11 @@ var DownloadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React103.create
 var DownloadCloud_default = DownloadCloud;
 
 // src/utils/business.ts
-var import_date_fns12 = require("date-fns");
+var import_date_fns11 = require("date-fns");
 var getActivationDate = (business) => {
   try {
     if (business && business.activation_at) {
-      return (0, import_date_fns12.parseISO)(business.activation_at);
+      return (0, import_date_fns11.parseISO)(business.activation_at);
     }
     return;
   } catch (_err) {
@@ -7790,7 +7863,7 @@ var getActivationDate = (business) => {
 var getEarliestDateToBrowse = (business) => {
   const activationDate = getActivationDate(business);
   if (activationDate) {
-    return (0, import_date_fns12.startOfMonth)(activationDate);
+    return (0, import_date_fns11.startOfMonth)(activationDate);
   }
   return;
 };
@@ -7802,7 +7875,7 @@ var isDateAllowedToBrowse = (date, business) => {
   if (!activationDate) {
     return true;
   }
-  return (0, import_date_fns12.differenceInCalendarMonths)((0, import_date_fns12.startOfMonth)(date), activationDate) >= 0;
+  return (0, import_date_fns11.differenceInCalendarMonths)((0, import_date_fns11.startOfMonth)(date), activationDate) >= 0;
 };
 
 // src/components/DatePicker/DatePicker.tsx
@@ -7811,7 +7884,7 @@ var import_react_datepicker = __toESM(require("react-datepicker"));
 
 // src/components/DatePicker/DatePickerOptions.tsx
 var import_react90 = __toESM(require("react"));
-var import_date_fns13 = require("date-fns");
+var import_date_fns12 = require("date-fns");
 var DatePickerOptions = ({
   options,
   setSelectedDate
@@ -7826,8 +7899,8 @@ var DatePickerOptions = ({
             key: option,
             onClick: () => {
               setSelectedDate([
-                (0, import_date_fns13.startOfMonth)(/* @__PURE__ */ new Date()),
-                (0, import_date_fns13.endOfMonth)(/* @__PURE__ */ new Date())
+                (0, import_date_fns12.startOfMonth)(/* @__PURE__ */ new Date()),
+                (0, import_date_fns12.endOfMonth)(/* @__PURE__ */ new Date())
               ]);
             }
           },
@@ -7840,8 +7913,8 @@ var DatePickerOptions = ({
             key: option,
             onClick: () => {
               setSelectedDate([
-                (0, import_date_fns13.startOfMonth)((0, import_date_fns13.subMonths)(/* @__PURE__ */ new Date(), 1)),
-                (0, import_date_fns13.endOfMonth)((0, import_date_fns13.subMonths)(/* @__PURE__ */ new Date(), 1))
+                (0, import_date_fns12.startOfMonth)((0, import_date_fns12.subMonths)(/* @__PURE__ */ new Date(), 1)),
+                (0, import_date_fns12.endOfMonth)((0, import_date_fns12.subMonths)(/* @__PURE__ */ new Date(), 1))
               ]);
             }
           },
@@ -7854,8 +7927,8 @@ var DatePickerOptions = ({
             key: option,
             onClick: () => {
               setSelectedDate([
-                (0, import_date_fns13.startOfQuarter)(/* @__PURE__ */ new Date()),
-                (0, import_date_fns13.endOfQuarter)(/* @__PURE__ */ new Date())
+                (0, import_date_fns12.startOfQuarter)(/* @__PURE__ */ new Date()),
+                (0, import_date_fns12.endOfQuarter)(/* @__PURE__ */ new Date())
               ]);
             }
           },
@@ -7867,10 +7940,10 @@ var DatePickerOptions = ({
           {
             key: option,
             onClick: () => {
-              const lastQuarter = (0, import_date_fns13.subQuarters)(/* @__PURE__ */ new Date(), 1);
+              const lastQuarter = (0, import_date_fns12.subQuarters)(/* @__PURE__ */ new Date(), 1);
               setSelectedDate([
-                (0, import_date_fns13.startOfQuarter)(lastQuarter),
-                (0, import_date_fns13.endOfQuarter)(lastQuarter)
+                (0, import_date_fns12.startOfQuarter)(lastQuarter),
+                (0, import_date_fns12.endOfQuarter)(lastQuarter)
               ]);
             }
           },
@@ -7882,7 +7955,7 @@ var DatePickerOptions = ({
           {
             key: option,
             onClick: () => {
-              setSelectedDate([(0, import_date_fns13.startOfYear)(/* @__PURE__ */ new Date()), (0, import_date_fns13.endOfYear)(/* @__PURE__ */ new Date())]);
+              setSelectedDate([(0, import_date_fns12.startOfYear)(/* @__PURE__ */ new Date()), (0, import_date_fns12.endOfYear)(/* @__PURE__ */ new Date())]);
             }
           },
           "This year"
@@ -7893,8 +7966,8 @@ var DatePickerOptions = ({
           {
             key: option,
             onClick: () => {
-              const lastYear = (0, import_date_fns13.subYears)(/* @__PURE__ */ new Date(), 1);
-              setSelectedDate([(0, import_date_fns13.startOfYear)(lastYear), (0, import_date_fns13.endOfYear)(lastYear)]);
+              const lastYear = (0, import_date_fns12.subYears)(/* @__PURE__ */ new Date(), 1);
+              setSelectedDate([(0, import_date_fns12.startOfYear)(lastYear), (0, import_date_fns12.endOfYear)(lastYear)]);
             }
           },
           "Last year"
@@ -8173,7 +8246,7 @@ var DatePicker = ({
 
 // src/components/BankTransactions/BankTransactionsHeader.tsx
 var import_classnames41 = __toESM(require("classnames"));
-var import_date_fns14 = require("date-fns");
+var import_date_fns13 = require("date-fns");
 var DownloadButton = ({
   downloadButtonTextOverride,
   iconOnly
@@ -8279,8 +8352,8 @@ var BankTransactionsHeader = ({
         onChange: (date) => {
           if (!Array.isArray(date)) {
             setDateRange({
-              startDate: (0, import_date_fns14.startOfMonth)(date),
-              endDate: (0, import_date_fns14.endOfMonth)(date)
+              startDate: (0, import_date_fns13.startOfMonth)(date),
+              endDate: (0, import_date_fns13.endOfMonth)(date)
             });
           }
         },
@@ -8355,7 +8428,7 @@ var DataStates = ({
   editable
 }) => {
   let title = editable ? "You are up to date with transactions!" : "You have no categorized transactions";
-  let description = editable ? "All uncategorized transaction will be displayed here" : "All transaction will be displayed here once reviewed";
+  let description = editable ? "All uncategorized transactions will be displayed here" : "All transactions will be displayed here once reviewed";
   const showRefreshButton = bankTransactions?.length;
   return /* @__PURE__ */ import_react93.default.createElement(import_react93.default.Fragment, null, !isLoading && !error && (bankTransactions === void 0 || bankTransactions !== void 0 && bankTransactions.length === 0) ? /* @__PURE__ */ import_react93.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react93.default.createElement(
     DataState,
@@ -8380,10 +8453,9 @@ var DataStates = ({
 };
 
 // src/components/BankTransactions/BankTransactions.tsx
-var import_date_fns15 = require("date-fns");
+var import_date_fns14 = require("date-fns");
 var COMPONENT_NAME2 = "bank-transactions";
 var TEST_EMPTY_STATE = false;
-var POLL_INTERVAL = 1e3;
 var categorizationEnabled = (mode) => {
   if (mode === "bookkeeping-client") {
     return false;
@@ -8412,8 +8484,8 @@ var BankTransactionsContent = ({
   const [currentPage, setCurrentPage] = (0, import_react94.useState)(1);
   const [initialLoad, setInitialLoad] = (0, import_react94.useState)(true);
   const [dateRange, setDateRange] = (0, import_react94.useState)({
-    startDate: (0, import_date_fns15.startOfMonth)(/* @__PURE__ */ new Date()),
-    endDate: (0, import_date_fns15.endOfMonth)(/* @__PURE__ */ new Date())
+    startDate: (0, import_date_fns14.startOfMonth)(/* @__PURE__ */ new Date()),
+    endDate: (0, import_date_fns14.endOfMonth)(/* @__PURE__ */ new Date())
   });
   const categorizeView = categorizeViewProp ?? categorizationEnabled(mode);
   const {
@@ -8431,39 +8503,11 @@ var BankTransactionsContent = ({
     fetchMore,
     removeAfterCategorize
   } = useBankTransactionsContext();
-  const { data: linkedAccounts, refetchAccounts } = useLinkedAccounts();
+  const { data: linkedAccounts } = useLinkedAccounts();
   const isSyncing = (0, import_react94.useMemo)(
     () => Boolean(linkedAccounts?.some((item) => item.is_syncing)),
     [linkedAccounts]
   );
-  const transactionsNotSynced = (0, import_react94.useMemo)(
-    () => loadingStatus === "complete" && isSyncing && (!data || data?.length === 0),
-    [data, isSyncing, loadingStatus]
-  );
-  let intervalId = void 0;
-  const [refreshTrigger, setRefreshTrigger] = (0, import_react94.useState)(-1);
-  (0, import_react94.useEffect)(() => {
-    if (refreshTrigger !== -1) {
-      refetch();
-      refetchAccounts();
-    }
-  }, [refreshTrigger]);
-  (0, import_react94.useEffect)(() => {
-    if (isSyncing) {
-      intervalId = setInterval(() => {
-        setRefreshTrigger(Math.random());
-      }, POLL_INTERVAL);
-    } else {
-      if (intervalId) {
-        clearInterval(intervalId);
-      }
-    }
-    return () => {
-      if (intervalId) {
-        clearInterval(intervalId);
-      }
-    };
-  }, [isSyncing, transactionsNotSynced]);
   (0, import_react94.useEffect)(() => {
     activate();
   }, []);
@@ -8505,7 +8549,7 @@ var BankTransactionsContent = ({
   const bankTransactions = TEST_EMPTY_STATE ? [] : (0, import_react94.useMemo)(() => {
     if (monthlyView) {
       return data?.filter(
-        (x) => (0, import_date_fns15.parseISO)(x.date) >= dateRange.startDate && (0, import_date_fns15.parseISO)(x.date) <= dateRange.endDate
+        (x) => (0, import_date_fns14.parseISO)(x.date) >= dateRange.startDate && (0, import_date_fns14.parseISO)(x.date) <= dateRange.endDate
       );
     }
     const firstPageIndex = (currentPage - 1) * pageSize;
@@ -8790,14 +8834,14 @@ var applyShare = (items, total) => {
 
 // src/hooks/useProfitAndLoss/useProfitAndLossLTM.tsx
 var import_react97 = require("react");
-var import_date_fns16 = require("date-fns");
+var import_date_fns15 = require("date-fns");
 var import_swr3 = __toESM(require("swr"));
 var buildDates = ({ currentDate }) => {
   return {
-    startYear: (0, import_date_fns16.startOfMonth)(currentDate).getFullYear() - 1,
-    startMonth: (0, import_date_fns16.startOfMonth)(currentDate).getMonth() + 1,
-    endYear: (0, import_date_fns16.startOfMonth)(currentDate).getFullYear(),
-    endMonth: (0, import_date_fns16.startOfMonth)(currentDate).getMonth() + 1
+    startYear: (0, import_date_fns15.startOfMonth)(currentDate).getFullYear() - 1,
+    startMonth: (0, import_date_fns15.startOfMonth)(currentDate).getMonth() + 1,
+    endYear: (0, import_date_fns15.startOfMonth)(currentDate).getFullYear(),
+    endMonth: (0, import_date_fns15.startOfMonth)(currentDate).getMonth() + 1
   };
 };
 var buildMonthsArray = (startDate, endDate) => {
@@ -8811,7 +8855,7 @@ var buildMonthsArray = (startDate, endDate) => {
   return dates;
 };
 var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
-  currentDate: (0, import_date_fns16.startOfMonth)(Date.now())
+  currentDate: (0, import_date_fns15.startOfMonth)(Date.now())
 }) => {
   const {
     businessId,
@@ -8854,7 +8898,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
   );
   (0, import_react97.useEffect)(() => {
     const newData = data.slice();
-    const newPeriod = buildMonthsArray((0, import_date_fns16.sub)(date, { years: 1 }), date);
+    const newPeriod = buildMonthsArray((0, import_date_fns15.sub)(date, { years: 1 }), date);
     if (newData && newPeriod) {
       newPeriod.forEach((x) => {
         if (!newData?.find(
@@ -8948,7 +8992,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
 
 // src/hooks/useProfitAndLoss/useProfitAndLossQuery.tsx
 var import_react98 = require("react");
-var import_date_fns17 = require("date-fns");
+var import_date_fns16 = require("date-fns");
 var import_swr4 = __toESM(require("swr"));
 var useProfitAndLossQuery = ({
   startDate,
@@ -8956,8 +9000,8 @@ var useProfitAndLossQuery = ({
   tagFilter,
   reportingBasis
 } = {
-  startDate: (0, import_date_fns17.startOfMonth)(/* @__PURE__ */ new Date()),
-  endDate: (0, import_date_fns17.endOfMonth)(/* @__PURE__ */ new Date())
+  startDate: (0, import_date_fns16.startOfMonth)(/* @__PURE__ */ new Date()),
+  endDate: (0, import_date_fns16.endOfMonth)(/* @__PURE__ */ new Date())
 }) => {
   const { auth, businessId, apiUrl, syncTimestamps, read, hasBeenTouched } = useLayerContext();
   const queryKey = businessId && startDate && endDate && auth?.access_token && `profit-and-loss-${businessId}-${startDate.valueOf()}-${endDate.valueOf()}-${tagFilter?.key}-${tagFilter?.values?.join(
@@ -8974,8 +9018,8 @@ var useProfitAndLossQuery = ({
     Layer.getProfitAndLoss(apiUrl, auth?.access_token, {
       params: {
         businessId,
-        startDate: (0, import_date_fns17.formatISO)(startDate.valueOf()),
-        endDate: (0, import_date_fns17.formatISO)(endDate.valueOf()),
+        startDate: (0, import_date_fns16.formatISO)(startDate.valueOf()),
+        endDate: (0, import_date_fns16.formatISO)(endDate.valueOf()),
         tagKey: tagFilter?.key,
         tagValues: tagFilter?.values?.join(","),
         reportingBasis
@@ -9007,21 +9051,21 @@ var useProfitAndLossQuery = ({
 };
 
 // src/hooks/useProfitAndLoss/useProfitAndLoss.tsx
-var import_date_fns18 = require("date-fns");
+var import_date_fns17 = require("date-fns");
 var useProfitAndLoss = ({
   startDate: initialStartDate,
   endDate: initialEndDate,
   tagFilter,
   reportingBasis
 } = {
-  startDate: (0, import_date_fns18.startOfMonth)(/* @__PURE__ */ new Date()),
-  endDate: (0, import_date_fns18.endOfMonth)(/* @__PURE__ */ new Date())
+  startDate: (0, import_date_fns17.startOfMonth)(/* @__PURE__ */ new Date()),
+  endDate: (0, import_date_fns17.endOfMonth)(/* @__PURE__ */ new Date())
 }) => {
   const [startDate, setStartDate] = (0, import_react99.useState)(
-    initialStartDate || (0, import_date_fns18.startOfMonth)(Date.now())
+    initialStartDate || (0, import_date_fns17.startOfMonth)(Date.now())
   );
   const [endDate, setEndDate] = (0, import_react99.useState)(
-    initialEndDate || (0, import_date_fns18.endOfMonth)(Date.now())
+    initialEndDate || (0, import_date_fns17.endOfMonth)(Date.now())
   );
   const [filters, setFilters] = (0, import_react99.useState)({
     expenses: void 0,
@@ -9035,7 +9079,7 @@ var useProfitAndLoss = ({
     reportingBasis
   });
   const { data: summaryData } = useProfitAndLossLTM({
-    currentDate: startDate ? startDate : (0, import_date_fns18.startOfMonth)(/* @__PURE__ */ new Date())
+    currentDate: startDate ? startDate : (0, import_date_fns17.startOfMonth)(/* @__PURE__ */ new Date())
   });
   const changeDateRange = ({
     startDate: newStartDate,
@@ -9248,53 +9292,53 @@ var Indicator = ({
 
 // src/components/ProfitAndLossChart/ProfitAndLossChart.tsx
 var import_classnames42 = __toESM(require("classnames"));
-var import_date_fns19 = require("date-fns");
+var import_date_fns18 = require("date-fns");
 var import_recharts = require("recharts");
 var getChartWindow = ({
   chartWindow,
   currentYear,
   currentMonth
 }) => {
-  const today = (0, import_date_fns19.startOfMonth)(Date.now());
-  const yearAgo = (0, import_date_fns19.sub)(today, { months: 11 });
-  const current = (0, import_date_fns19.startOfMonth)(new Date(currentYear, currentMonth - 1, 1));
-  if ((0, import_date_fns19.differenceInMonths)((0, import_date_fns19.startOfMonth)(chartWindow.start), current) < 0 && (0, import_date_fns19.differenceInMonths)((0, import_date_fns19.startOfMonth)(chartWindow.end), current) > 1) {
+  const today = (0, import_date_fns18.startOfMonth)(Date.now());
+  const yearAgo = (0, import_date_fns18.sub)(today, { months: 11 });
+  const current = (0, import_date_fns18.startOfMonth)(new Date(currentYear, currentMonth - 1, 1));
+  if ((0, import_date_fns18.differenceInMonths)((0, import_date_fns18.startOfMonth)(chartWindow.start), current) < 0 && (0, import_date_fns18.differenceInMonths)((0, import_date_fns18.startOfMonth)(chartWindow.end), current) > 1) {
     return chartWindow;
   }
-  if ((0, import_date_fns19.differenceInMonths)((0, import_date_fns19.startOfMonth)(chartWindow.start), current) === 0) {
+  if ((0, import_date_fns18.differenceInMonths)((0, import_date_fns18.startOfMonth)(chartWindow.start), current) === 0) {
     return {
-      start: (0, import_date_fns19.startOfMonth)((0, import_date_fns19.sub)(current, { months: 1 })),
-      end: (0, import_date_fns19.endOfMonth)((0, import_date_fns19.add)(current, { months: 11 }))
+      start: (0, import_date_fns18.startOfMonth)((0, import_date_fns18.sub)(current, { months: 1 })),
+      end: (0, import_date_fns18.endOfMonth)((0, import_date_fns18.add)(current, { months: 11 }))
     };
   }
-  if ((0, import_date_fns19.differenceInMonths)((0, import_date_fns19.endOfMonth)(chartWindow.end), (0, import_date_fns19.endOfMonth)(current)) === 1 && (0, import_date_fns19.differenceInMonths)(today, current) >= 1) {
+  if ((0, import_date_fns18.differenceInMonths)((0, import_date_fns18.endOfMonth)(chartWindow.end), (0, import_date_fns18.endOfMonth)(current)) === 1 && (0, import_date_fns18.differenceInMonths)(today, current) >= 1) {
     return {
-      start: (0, import_date_fns19.startOfMonth)((0, import_date_fns19.sub)(current, { months: 10 })),
-      end: (0, import_date_fns19.endOfMonth)((0, import_date_fns19.add)(current, { months: 2 }))
+      start: (0, import_date_fns18.startOfMonth)((0, import_date_fns18.sub)(current, { months: 10 })),
+      end: (0, import_date_fns18.endOfMonth)((0, import_date_fns18.add)(current, { months: 2 }))
     };
   }
-  if ((0, import_date_fns19.differenceInMonths)(current, (0, import_date_fns19.startOfMonth)(chartWindow.end)) === 0 && (0, import_date_fns19.differenceInMonths)(current, (0, import_date_fns19.startOfMonth)(today)) > 0) {
+  if ((0, import_date_fns18.differenceInMonths)(current, (0, import_date_fns18.startOfMonth)(chartWindow.end)) === 0 && (0, import_date_fns18.differenceInMonths)(current, (0, import_date_fns18.startOfMonth)(today)) > 0) {
     return {
-      start: (0, import_date_fns19.startOfMonth)((0, import_date_fns19.sub)(current, { months: 11 })),
-      end: (0, import_date_fns19.endOfMonth)((0, import_date_fns19.add)(current, { months: 1 }))
+      start: (0, import_date_fns18.startOfMonth)((0, import_date_fns18.sub)(current, { months: 11 })),
+      end: (0, import_date_fns18.endOfMonth)((0, import_date_fns18.add)(current, { months: 1 }))
     };
   }
   if (current >= yearAgo) {
     return {
-      start: (0, import_date_fns19.startOfMonth)(yearAgo),
-      end: (0, import_date_fns19.endOfMonth)(today)
+      start: (0, import_date_fns18.startOfMonth)(yearAgo),
+      end: (0, import_date_fns18.endOfMonth)(today)
     };
   }
   if (Number(current) > Number(chartWindow.end)) {
     return {
-      start: (0, import_date_fns19.startOfMonth)((0, import_date_fns19.sub)(current, { months: 12 })),
-      end: (0, import_date_fns19.endOfMonth)(current)
+      start: (0, import_date_fns18.startOfMonth)((0, import_date_fns18.sub)(current, { months: 12 })),
+      end: (0, import_date_fns18.endOfMonth)(current)
     };
   }
-  if ((0, import_date_fns19.differenceInMonths)(current, (0, import_date_fns19.startOfMonth)(chartWindow.start)) < 0) {
+  if ((0, import_date_fns18.differenceInMonths)(current, (0, import_date_fns18.startOfMonth)(chartWindow.start)) < 0) {
     return {
-      start: (0, import_date_fns19.startOfMonth)(current),
-      end: (0, import_date_fns19.endOfMonth)((0, import_date_fns19.add)(current, { months: 11 }))
+      start: (0, import_date_fns18.startOfMonth)(current),
+      end: (0, import_date_fns18.endOfMonth)((0, import_date_fns18.add)(current, { months: 11 }))
     };
   }
   return chartWindow;
@@ -9330,8 +9374,8 @@ var ProfitAndLossChart = ({
   });
   const [barAnimActive, setBarAnimActive] = (0, import_react101.useState)(true);
   const [chartWindow, setChartWindow] = (0, import_react101.useState)({
-    start: (0, import_date_fns19.startOfMonth)((0, import_date_fns19.sub)(Date.now(), { months: 11 })),
-    end: (0, import_date_fns19.endOfMonth)(Date.now())
+    start: (0, import_date_fns18.startOfMonth)((0, import_date_fns18.sub)(Date.now(), { months: 11 })),
+    end: (0, import_date_fns18.endOfMonth)(Date.now())
   });
   const selectionMonth = (0, import_react101.useMemo)(
     () => ({
@@ -9346,25 +9390,25 @@ var ProfitAndLossChart = ({
     }
   }, [dateRange]);
   const { data, loaded, pullData } = useProfitAndLossLTM({
-    currentDate: (0, import_date_fns19.startOfMonth)(Date.now())
+    currentDate: (0, import_date_fns18.startOfMonth)(Date.now())
   });
   const loadingValue = (0, import_react101.useMemo)(() => getLoadingValue(data), [data]);
   (0, import_react101.useEffect)(() => {
     if (loaded === "complete" && data) {
       const foundCurrent = data.find(
-        (x) => Number((0, import_date_fns19.startOfMonth)(new Date(x.year, x.month - 1, 1))) >= Number(localDateRange.startDate) && Number((0, import_date_fns19.startOfMonth)(new Date(x.year, x.month - 1, 1))) < Number(localDateRange.endDate)
+        (x) => Number((0, import_date_fns18.startOfMonth)(new Date(x.year, x.month - 1, 1))) >= Number(localDateRange.startDate) && Number((0, import_date_fns18.startOfMonth)(new Date(x.year, x.month - 1, 1))) < Number(localDateRange.endDate)
       );
       if (!foundCurrent) {
-        const newDate = (0, import_date_fns19.startOfMonth)(localDateRange.startDate);
+        const newDate = (0, import_date_fns18.startOfMonth)(localDateRange.startDate);
         pullData(newDate);
         return;
       }
       const foundBefore = data.find(
-        (x) => Number((0, import_date_fns19.startOfMonth)(new Date(x.year, x.month - 1, 1))) >= Number((0, import_date_fns19.sub)(localDateRange.startDate, { months: 1 })) && Number((0, import_date_fns19.startOfMonth)(new Date(x.year, x.month - 1, 1))) < Number((0, import_date_fns19.sub)(localDateRange.endDate, { months: 1 }))
+        (x) => Number((0, import_date_fns18.startOfMonth)(new Date(x.year, x.month - 1, 1))) >= Number((0, import_date_fns18.sub)(localDateRange.startDate, { months: 1 })) && Number((0, import_date_fns18.startOfMonth)(new Date(x.year, x.month - 1, 1))) < Number((0, import_date_fns18.sub)(localDateRange.endDate, { months: 1 }))
       );
       if (!foundBefore) {
-        const newDate = (0, import_date_fns19.startOfMonth)(
-          (0, import_date_fns19.sub)(localDateRange.startDate, { months: 1 })
+        const newDate = (0, import_date_fns18.startOfMonth)(
+          (0, import_date_fns18.sub)(localDateRange.startDate, { months: 1 })
         );
         pullData(newDate);
       }
@@ -9387,7 +9431,7 @@ var ProfitAndLossChart = ({
       }, 2e3);
     }
   }, [loaded]);
-  const getMonthName = (pnl) => pnl ? (0, import_date_fns19.format)(
+  const getMonthName = (pnl) => pnl ? (0, import_date_fns18.format)(
     new Date(pnl.year, pnl.month - 1, 1),
     compactView ? "LLLLL" : "LLL"
   ) : "";
@@ -9412,9 +9456,9 @@ var ProfitAndLossChart = ({
       const loadingData = [];
       const today = Date.now();
       for (let i = 11; i >= 0; i--) {
-        const currentDate = (0, import_date_fns19.sub)(today, { months: i });
+        const currentDate = (0, import_date_fns18.sub)(today, { months: i });
         loadingData.push({
-          name: (0, import_date_fns19.format)(currentDate, compactView ? "LLLLL" : "LLL"),
+          name: (0, import_date_fns18.format)(currentDate, compactView ? "LLLLL" : "LLL"),
           revenue: 0,
           revenueUncategorized: 0,
           totalExpensesInverse: 0,
@@ -9445,18 +9489,18 @@ var ProfitAndLossChart = ({
       }
       return x;
     })?.filter(
-      (x) => (0, import_date_fns19.differenceInMonths)(
-        (0, import_date_fns19.startOfMonth)(new Date(x.year, x.month - 1, 1)),
+      (x) => (0, import_date_fns18.differenceInMonths)(
+        (0, import_date_fns18.startOfMonth)(new Date(x.year, x.month - 1, 1)),
         chartWindow.start
-      ) >= 0 && (0, import_date_fns19.differenceInMonths)(
-        (0, import_date_fns19.startOfMonth)(new Date(x.year, x.month - 1, 1)),
+      ) >= 0 && (0, import_date_fns18.differenceInMonths)(
+        (0, import_date_fns18.startOfMonth)(new Date(x.year, x.month - 1, 1)),
         chartWindow.start
-      ) < 12 && (0, import_date_fns19.differenceInMonths)(
+      ) < 12 && (0, import_date_fns18.differenceInMonths)(
         chartWindow.end,
-        (0, import_date_fns19.startOfMonth)(new Date(x.year, x.month - 1, 1))
-      ) >= 0 && (0, import_date_fns19.differenceInMonths)(
+        (0, import_date_fns18.startOfMonth)(new Date(x.year, x.month - 1, 1))
+      ) >= 0 && (0, import_date_fns18.differenceInMonths)(
         chartWindow.end,
-        (0, import_date_fns19.startOfMonth)(new Date(x.year, x.month - 1, 1))
+        (0, import_date_fns18.startOfMonth)(new Date(x.year, x.month - 1, 1))
       ) <= 12
     ).map((x) => summarizePnL(x));
   }, [selectionMonth, chartWindow, data, loaded, compactView]);
@@ -9470,7 +9514,7 @@ var ProfitAndLossChart = ({
       if (isMonthAllowed) {
         changeDateRange({
           startDate: new Date(year, month - 1, 1),
-          endDate: (0, import_date_fns19.endOfMonth)(new Date(year, month - 1, 1))
+          endDate: (0, import_date_fns18.endOfMonth)(new Date(year, month - 1, 1))
         });
       }
     }
@@ -9887,7 +9931,7 @@ var ProfitAndLossChart = ({
 
 // src/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker.tsx
 var import_react102 = __toESM(require("react"));
-var import_date_fns20 = require("date-fns");
+var import_date_fns19 = require("date-fns");
 var ProfitAndLossDatePicker = () => {
   const { business } = useLayerContext();
   const { changeDateRange, dateRange } = (0, import_react102.useContext)(ProfitAndLoss.Context);
@@ -9900,8 +9944,8 @@ var ProfitAndLossDatePicker = () => {
       onChange: (date) => {
         if (!Array.isArray(date)) {
           changeDateRange({
-            startDate: (0, import_date_fns20.startOfMonth)(date),
-            endDate: (0, import_date_fns20.endOfMonth)(date)
+            startDate: (0, import_date_fns19.startOfMonth)(date),
+            endDate: (0, import_date_fns19.endOfMonth)(date)
           });
         }
       },
@@ -10646,7 +10690,7 @@ var Filters = ({
 };
 
 // src/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts.tsx
-var import_date_fns21 = require("date-fns");
+var import_date_fns20 = require("date-fns");
 var ProfitAndLossDetailedCharts = ({
   scope,
   hideClose = false,
@@ -10671,7 +10715,7 @@ var ProfitAndLossDetailedCharts = ({
   const data = theScope === "revenue" ? filteredDataRevenue : filteredDataExpenses;
   const total = theScope === "revenue" ? filteredTotalRevenue : filteredTotalExpenses;
   const [hoveredItem, setHoveredItem] = (0, import_react106.useState)();
-  return /* @__PURE__ */ import_react106.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts" }, /* @__PURE__ */ import_react106.default.createElement("header", { className: "Layer__profit-and-loss-detailed-charts__header" }, /* @__PURE__ */ import_react106.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__head" }, /* @__PURE__ */ import_react106.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, humanizeTitle(theScope)), /* @__PURE__ */ import_react106.default.createElement(Text, { size: "sm" /* sm */, className: "date" }, (0, import_date_fns21.format)(dateRange.startDate, "LLLL, y")), showDatePicker && /* @__PURE__ */ import_react106.default.createElement(ProfitAndLossDatePicker, null)), !hideClose && /* @__PURE__ */ import_react106.default.createElement(
+  return /* @__PURE__ */ import_react106.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts" }, /* @__PURE__ */ import_react106.default.createElement("header", { className: "Layer__profit-and-loss-detailed-charts__header" }, /* @__PURE__ */ import_react106.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__head" }, /* @__PURE__ */ import_react106.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, humanizeTitle(theScope)), /* @__PURE__ */ import_react106.default.createElement(Text, { size: "sm" /* sm */, className: "date" }, (0, import_date_fns20.format)(dateRange.startDate, "LLLL, y")), showDatePicker && /* @__PURE__ */ import_react106.default.createElement(ProfitAndLossDatePicker, null)), !hideClose && /* @__PURE__ */ import_react106.default.createElement(
     Button,
     {
       rightIcon: /* @__PURE__ */ import_react106.default.createElement(X_default, null),
@@ -10679,7 +10723,7 @@ var ProfitAndLossDetailedCharts = ({
       onClick: () => setSidebarScope(void 0),
       variant: "secondary" /* secondary */
     }
-  )), /* @__PURE__ */ import_react106.default.createElement("header", { className: "Layer__profit-and-loss-detailed-charts__header--tablet" }, !hideClose && /* @__PURE__ */ import_react106.default.createElement(BackButton, { onClick: () => setSidebarScope(void 0) }), /* @__PURE__ */ import_react106.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__head" }, /* @__PURE__ */ import_react106.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, humanizeTitle(theScope)), /* @__PURE__ */ import_react106.default.createElement(Text, { size: "sm" /* sm */, className: "date" }, (0, import_date_fns21.format)(dateRange.startDate, "LLLL, y")))), /* @__PURE__ */ import_react106.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__content" }, /* @__PURE__ */ import_react106.default.createElement(
+  )), /* @__PURE__ */ import_react106.default.createElement("header", { className: "Layer__profit-and-loss-detailed-charts__header--tablet" }, !hideClose && /* @__PURE__ */ import_react106.default.createElement(BackButton, { onClick: () => setSidebarScope(void 0) }), /* @__PURE__ */ import_react106.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__head" }, /* @__PURE__ */ import_react106.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, humanizeTitle(theScope)), /* @__PURE__ */ import_react106.default.createElement(Text, { size: "sm" /* sm */, className: "date" }, (0, import_date_fns20.format)(dateRange.startDate, "LLLL, y")))), /* @__PURE__ */ import_react106.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__content" }, /* @__PURE__ */ import_react106.default.createElement(
     DetailedChart,
     {
       filteredData: data,
@@ -11309,7 +11353,7 @@ var ProfitAndLossTableWithProvider = (props) => {
 };
 
 // src/components/ProfitAndLoss/ProfitAndLoss.tsx
-var import_date_fns22 = require("date-fns");
+var import_date_fns21 = require("date-fns");
 var PNLContext = (0, import_react118.createContext)({
   data: void 0,
   filteredDataRevenue: [],
@@ -11320,8 +11364,8 @@ var PNLContext = (0, import_react118.createContext)({
   isValidating: false,
   error: void 0,
   dateRange: {
-    startDate: (0, import_date_fns22.startOfMonth)(/* @__PURE__ */ new Date()),
-    endDate: (0, import_date_fns22.endOfMonth)(/* @__PURE__ */ new Date())
+    startDate: (0, import_date_fns21.startOfMonth)(/* @__PURE__ */ new Date()),
+    endDate: (0, import_date_fns21.endOfMonth)(/* @__PURE__ */ new Date())
   },
   changeDateRange: () => {
   },
@@ -11370,11 +11414,11 @@ var BalanceSheetContext = (0, import_react119.createContext)({
 
 // src/hooks/useBalanceSheet/useBalanceSheet.tsx
 var import_react120 = require("react");
-var import_date_fns23 = require("date-fns");
+var import_date_fns22 = require("date-fns");
 var import_swr5 = __toESM(require("swr"));
 var useBalanceSheet = (date = /* @__PURE__ */ new Date()) => {
   const { auth, businessId, apiUrl, read, syncTimestamps, hasBeenTouched } = useLayerContext();
-  const dateString = (0, import_date_fns23.format)((0, import_date_fns23.startOfDay)(date), "yyyy-MM-dd'T'HH:mm:ssXXX");
+  const dateString = (0, import_date_fns22.format)((0, import_date_fns22.startOfDay)(date), "yyyy-MM-dd'T'HH:mm:ssXXX");
   const queryKey = businessId && dateString && auth?.access_token && `balance-sheet-${businessId}-${dateString}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr5.default)(
     queryKey,
@@ -11583,7 +11627,7 @@ var BALANCE_SHEET_ROWS = [
 ];
 
 // src/components/BalanceSheet/BalanceSheet.tsx
-var import_date_fns24 = require("date-fns");
+var import_date_fns23 = require("date-fns");
 var COMPONENT_NAME3 = "balance-sheet";
 var BalanceSheet = (props) => {
   const balanceSheetContextData = useBalanceSheet(props.effectiveDate);
@@ -11601,13 +11645,13 @@ var BalanceSheetView = ({
   asWidget = false,
   stringOverrides
 }) => {
-  const [effectiveDate, setEffectiveDate] = (0, import_react127.useState)((0, import_date_fns24.startOfDay)(/* @__PURE__ */ new Date()));
+  const [effectiveDate, setEffectiveDate] = (0, import_react127.useState)((0, import_date_fns23.startOfDay)(/* @__PURE__ */ new Date()));
   const { data, isLoading, refetch } = useBalanceSheet(effectiveDate);
   (0, import_react127.useEffect)(() => {
-    const d1 = effectiveDate && (0, import_date_fns24.format)((0, import_date_fns24.startOfDay)(effectiveDate), "yyyy-MM-dd'T'HH:mm:ssXXX");
-    const d2 = data?.effective_date && (0, import_date_fns24.format)(
-      (0, import_date_fns24.startOfDay)(
-        (0, import_date_fns24.parse)(data.effective_date, "yyyy-MM-dd'T'HH:mm:ssXXX", /* @__PURE__ */ new Date())
+    const d1 = effectiveDate && (0, import_date_fns23.format)((0, import_date_fns23.startOfDay)(effectiveDate), "yyyy-MM-dd'T'HH:mm:ssXXX");
+    const d2 = data?.effective_date && (0, import_date_fns23.format)(
+      (0, import_date_fns23.startOfDay)(
+        (0, import_date_fns23.parse)(data.effective_date, "yyyy-MM-dd'T'HH:mm:ssXXX", /* @__PURE__ */ new Date())
       ),
       "yyyy-MM-dd'T'HH:mm:ssXXX"
     );
@@ -11676,15 +11720,15 @@ var StatementOfCashFlowContext = (0, import_react128.createContext)({
 
 // src/hooks/useStatementOfCashFlow/useStatementOfCashFlow.tsx
 var import_react129 = require("react");
-var import_date_fns25 = require("date-fns");
+var import_date_fns24 = require("date-fns");
 var import_swr6 = __toESM(require("swr"));
 var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate = /* @__PURE__ */ new Date()) => {
   const { auth, businessId, apiUrl, read, syncTimestamps, hasBeenTouched } = useLayerContext();
-  const startDateString = (0, import_date_fns25.format)(
-    (0, import_date_fns25.startOfDay)(startDate),
+  const startDateString = (0, import_date_fns24.format)(
+    (0, import_date_fns24.startOfDay)(startDate),
     "yyyy-MM-dd'T'HH:mm:ssXXX"
   );
-  const endDateString = (0, import_date_fns25.format)((0, import_date_fns25.startOfDay)(endDate), "yyyy-MM-dd'T'HH:mm:ssXXX");
+  const endDateString = (0, import_date_fns24.format)((0, import_date_fns24.startOfDay)(endDate), "yyyy-MM-dd'T'HH:mm:ssXXX");
   const queryKey = businessId && startDateString && endDateString && auth?.access_token && `statement-of-cash-${businessId}-${startDateString}-${endDateString}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr6.default)(
     queryKey,
@@ -11813,7 +11857,7 @@ var STATEMENT_OF_CASH_FLOW_ROWS = [
 ];
 
 // src/components/StatementOfCashFlow/StatementOfCashFlow.tsx
-var import_date_fns26 = require("date-fns");
+var import_date_fns25 = require("date-fns");
 var COMPONENT_NAME4 = "statement-of-cash-flow";
 var StatementOfCashFlow = ({ stringOverrides }) => {
   const cashContextData = useStatementOfCashFlow();
@@ -11821,19 +11865,19 @@ var StatementOfCashFlow = ({ stringOverrides }) => {
 };
 var StatementOfCashFlowView = ({ stringOverrides }) => {
   const [startDate, setStartDate] = (0, import_react131.useState)(
-    (0, import_date_fns26.startOfDay)((0, import_date_fns26.subWeeks)(/* @__PURE__ */ new Date(), 4))
+    (0, import_date_fns25.startOfDay)((0, import_date_fns25.subWeeks)(/* @__PURE__ */ new Date(), 4))
   );
-  const [endDate, setEndDate] = (0, import_react131.useState)((0, import_date_fns26.startOfDay)(/* @__PURE__ */ new Date()));
+  const [endDate, setEndDate] = (0, import_react131.useState)((0, import_date_fns25.startOfDay)(/* @__PURE__ */ new Date()));
   const { data, isLoading, refetch } = useStatementOfCashFlow(
     startDate,
     endDate
   );
   const handleDateChange = (dates) => {
     if (dates[0]) {
-      setStartDate((0, import_date_fns26.startOfDay)(dates[0]));
+      setStartDate((0, import_date_fns25.startOfDay)(dates[0]));
     }
     if (dates[1]) {
-      setEndDate((0, import_date_fns26.startOfDay)(dates[1]));
+      setEndDate((0, import_date_fns25.startOfDay)(dates[1]));
     }
     if (dates[0] && dates[1]) {
       refetch();
@@ -11869,7 +11913,7 @@ var import_react149 = __toESM(require("react"));
 
 // src/contexts/ChartOfAccountsContext/ChartOfAccountsContext.tsx
 var import_react132 = require("react");
-var import_date_fns27 = require("date-fns");
+var import_date_fns26 = require("date-fns");
 var ChartOfAccountsContext = (0, import_react132.createContext)(
   {
     data: void 0,
@@ -11892,8 +11936,8 @@ var ChartOfAccountsContext = (0, import_react132.createContext)(
     submitForm: () => {
     },
     dateRange: {
-      startDate: (0, import_date_fns27.startOfMonth)(/* @__PURE__ */ new Date()),
-      endDate: (0, import_date_fns27.endOfMonth)(/* @__PURE__ */ new Date())
+      startDate: (0, import_date_fns26.startOfMonth)(/* @__PURE__ */ new Date()),
+      endDate: (0, import_date_fns26.endOfMonth)(/* @__PURE__ */ new Date())
     },
     changeDateRange: () => {
     }
@@ -12128,7 +12172,7 @@ var LEDGER_ACCOUNT_SUBTYPES_FOR_TYPE = {
 };
 
 // src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
-var import_date_fns28 = require("date-fns");
+var import_date_fns27 = require("date-fns");
 var import_swr7 = __toESM(require("swr"));
 var validate = (formData) => {
   const errors = [];
@@ -12209,8 +12253,8 @@ var validateName = (formData) => {
 var flattenAccounts = (accounts) => accounts.flatMap((a) => [a, flattenAccounts(a.sub_accounts || [])]).flat().filter((id) => id);
 var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: initialEndDate } = {
   withDates: false,
-  startDate: (0, import_date_fns28.startOfMonth)(/* @__PURE__ */ new Date()),
-  endDate: (0, import_date_fns28.endOfMonth)(/* @__PURE__ */ new Date())
+  startDate: (0, import_date_fns27.startOfMonth)(/* @__PURE__ */ new Date()),
+  endDate: (0, import_date_fns27.endOfMonth)(/* @__PURE__ */ new Date())
 }) => {
   const {
     auth,
@@ -12225,10 +12269,10 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
   const [sendingForm, setSendingForm] = (0, import_react134.useState)(false);
   const [apiError, setApiError] = (0, import_react134.useState)(void 0);
   const [startDate, setStartDate] = (0, import_react134.useState)(
-    initialStartDate ?? (0, import_date_fns28.startOfMonth)(Date.now())
+    initialStartDate ?? (0, import_date_fns27.startOfMonth)(Date.now())
   );
   const [endDate, setEndDate] = (0, import_react134.useState)(
-    initialEndDate ?? (0, import_date_fns28.endOfMonth)(Date.now())
+    initialEndDate ?? (0, import_date_fns27.endOfMonth)(Date.now())
   );
   const queryKey = businessId && auth?.access_token && `chart-of-accounts-${businessId}-${startDate?.valueOf()}-${endDate?.valueOf()}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr7.default)(
@@ -12236,8 +12280,8 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
     Layer.getLedgerAccountBalances(apiUrl, auth?.access_token, {
       params: {
         businessId,
-        startDate: withDates && startDate ? (0, import_date_fns28.formatISO)(startDate.valueOf()) : void 0,
-        endDate: withDates && endDate ? (0, import_date_fns28.formatISO)(endDate.valueOf()) : void 0
+        startDate: withDates && startDate ? (0, import_date_fns27.formatISO)(startDate.valueOf()) : void 0,
+        endDate: withDates && endDate ? (0, import_date_fns27.formatISO)(endDate.valueOf()) : void 0
       }
     })
   );
@@ -12292,7 +12336,10 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
     }
     const data2 = {
       name: form.data.name ?? "",
-      stable_name: form.data.stable_name,
+      stable_name: form.data.stable_name ? {
+        type: "StableName",
+        stable_name: form.data.stable_name
+      } : void 0,
       parent_id: form.data.parent ? {
         type: "AccountId",
         id: form.data.parent.value
@@ -12502,7 +12549,7 @@ var import_react141 = __toESM(require("react"));
 
 // src/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker.tsx
 var import_react136 = __toESM(require("react"));
-var import_date_fns29 = require("date-fns");
+var import_date_fns28 = require("date-fns");
 var ChartOfAccountsDatePicker = () => {
   const { changeDateRange, dateRange } = (0, import_react136.useContext)(ChartOfAccountsContext);
   return /* @__PURE__ */ import_react136.default.createElement(
@@ -12513,8 +12560,8 @@ var ChartOfAccountsDatePicker = () => {
       onChange: (date) => {
         if (!Array.isArray(date)) {
           changeDateRange({
-            startDate: (0, import_date_fns29.startOfMonth)(date),
-            endDate: (0, import_date_fns29.endOfMonth)(date)
+            startDate: (0, import_date_fns28.startOfMonth)(date),
+            endDate: (0, import_date_fns28.endOfMonth)(date)
           });
         }
       }
@@ -13064,7 +13111,7 @@ var Card = ({ children, className }) => {
 
 // src/components/DateTime/DateTime.tsx
 var import_react143 = __toESM(require("react"));
-var import_date_fns30 = require("date-fns");
+var import_date_fns29 = require("date-fns");
 var DateTime = ({
   value,
   format: format7,
@@ -13074,10 +13121,10 @@ var DateTime = ({
   onlyTime
 }) => {
   if (format7) {
-    return /* @__PURE__ */ import_react143.default.createElement(Text, { className: "Layer__datetime" }, (0, import_date_fns30.format)((0, import_date_fns30.parseISO)(value), format7));
+    return /* @__PURE__ */ import_react143.default.createElement(Text, { className: "Layer__datetime" }, (0, import_date_fns29.format)((0, import_date_fns29.parseISO)(value), format7));
   }
-  const date = (0, import_date_fns30.format)((0, import_date_fns30.parseISO)(value), dateFormat ?? DATE_FORMAT);
-  const time = (0, import_date_fns30.format)((0, import_date_fns30.parseISO)(value), timeFormat ?? TIME_FORMAT);
+  const date = (0, import_date_fns29.format)((0, import_date_fns29.parseISO)(value), dateFormat ?? DATE_FORMAT);
+  const time = (0, import_date_fns29.format)((0, import_date_fns29.parseISO)(value), timeFormat ?? TIME_FORMAT);
   return /* @__PURE__ */ import_react143.default.createElement(Text, { className: "Layer__datetime" }, !onlyTime && /* @__PURE__ */ import_react143.default.createElement(
     Text,
     {
@@ -13242,7 +13289,7 @@ var LedgerAccountEntryDetails = ({ stringOverrides }) => {
 // src/components/LedgerAccount/LedgerAccountRow.tsx
 var import_react147 = __toESM(require("react"));
 var import_classnames55 = __toESM(require("classnames"));
-var import_date_fns31 = require("date-fns");
+var import_date_fns30 = require("date-fns");
 var LedgerAccountRow = ({
   row,
   index,
@@ -13281,7 +13328,7 @@ var LedgerAccountRow = ({
           }
         }
       },
-      /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react147.default.createElement(Text, null, row.date && (0, import_date_fns31.format)((0, import_date_fns31.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react147.default.createElement(
+      /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react147.default.createElement(Text, null, row.date && (0, import_date_fns30.format)((0, import_date_fns30.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react147.default.createElement(
         Text,
         {
           weight: "normal" /* normal */,
@@ -13314,7 +13361,7 @@ var LedgerAccountRow = ({
           }
         }
       },
-      /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react147.default.createElement(Text, null, row.date && (0, import_date_fns31.format)((0, import_date_fns31.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react147.default.createElement(
+      /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react147.default.createElement(Text, null, row.date && (0, import_date_fns30.format)((0, import_date_fns30.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react147.default.createElement(
         Text,
         {
           weight: "normal" /* normal */,
@@ -13343,7 +13390,7 @@ var LedgerAccountRow = ({
         }
       }
     },
-    /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns31.format)((0, import_date_fns31.parseISO)(row.date), DATE_FORMAT))),
+    /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns30.format)((0, import_date_fns30.parseISO)(row.date), DATE_FORMAT))),
     /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content" }, row.entry_id.substring(0, 5))),
     /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content" }, row.source?.display_description ?? "")),
     /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars(row?.amount || 0)}`)),
@@ -13853,7 +13900,7 @@ var import_react157 = __toESM(require("react"));
 // src/components/JournalRow/JournalRow.tsx
 var import_react152 = __toESM(require("react"));
 var import_classnames57 = __toESM(require("classnames"));
-var import_date_fns32 = require("date-fns");
+var import_date_fns31 = require("date-fns");
 var INDENTATION2 = 24;
 var EXPANDED_STYLE3 = {
   height: "100%",
@@ -13966,7 +14013,7 @@ var JournalRow = ({
         )
       ))),
       /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content" }, row.id.substring(0, 5))),
-      /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns32.format)((0, import_date_fns32.parseISO)(row.date), DATE_FORMAT))),
+      /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns31.format)((0, import_date_fns31.parseISO)(row.date), DATE_FORMAT))),
       /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content" }, humanizeEnum(row.entry_type))),
       /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content" }, `(${row.line_items.length})`)),
       /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, "$", centsToDollars(
@@ -14863,7 +14910,7 @@ var TasksList = ({ pageSize = 10 }) => {
 // src/components/TasksPending/TasksPending.tsx
 var import_react164 = __toESM(require("react"));
 var import_classnames59 = __toESM(require("classnames"));
-var import_date_fns33 = require("date-fns");
+var import_date_fns32 = require("date-fns");
 var import_recharts4 = require("recharts");
 var TasksPending = () => {
   const { data } = (0, import_react164.useContext)(TasksContext);
@@ -14881,7 +14928,7 @@ var TasksPending = () => {
   const taskStatusClassName = (0, import_classnames59.default)(
     completedTasks && completedTasks > 0 ? "Layer__tasks-pending-bar__status--done" : "Layer__tasks-pending-bar__status--pending"
   );
-  return /* @__PURE__ */ import_react164.default.createElement("div", { className: "Layer__tasks-pending" }, /* @__PURE__ */ import_react164.default.createElement(Text, { size: "lg" /* lg */ }, (0, import_date_fns33.format)(Date.now(), "MMMM")), /* @__PURE__ */ import_react164.default.createElement("div", { className: "Layer__tasks-pending-bar" }, /* @__PURE__ */ import_react164.default.createElement(Text, { size: "sm" /* sm */ }, /* @__PURE__ */ import_react164.default.createElement("span", { className: taskStatusClassName }, completedTasks), "/", data?.length, " done"), /* @__PURE__ */ import_react164.default.createElement(import_recharts4.PieChart, { width: 24, height: 24, className: "mini-chart" }, /* @__PURE__ */ import_react164.default.createElement(
+  return /* @__PURE__ */ import_react164.default.createElement("div", { className: "Layer__tasks-pending" }, /* @__PURE__ */ import_react164.default.createElement(Text, { size: "lg" /* lg */ }, (0, import_date_fns32.format)(Date.now(), "MMMM")), /* @__PURE__ */ import_react164.default.createElement("div", { className: "Layer__tasks-pending-bar" }, /* @__PURE__ */ import_react164.default.createElement(Text, { size: "sm" /* sm */ }, /* @__PURE__ */ import_react164.default.createElement("span", { className: taskStatusClassName }, completedTasks), "/", data?.length, " done"), /* @__PURE__ */ import_react164.default.createElement(import_recharts4.PieChart, { width: 24, height: 24, className: "mini-chart" }, /* @__PURE__ */ import_react164.default.createElement(
     import_recharts4.Pie,
     {
       data: chartData,
@@ -15208,7 +15255,7 @@ var NotificationCard = ({
 };
 
 // src/components/TransactionToReviewCard/TransactionToReviewCard.tsx
-var import_date_fns34 = require("date-fns");
+var import_date_fns33 = require("date-fns");
 var TransactionToReviewCard = ({
   onClick,
   usePnlDateRange
@@ -15217,7 +15264,7 @@ var TransactionToReviewCard = ({
   const dateRange = usePnlDateRange ? contextDateRange : void 0;
   const [toReview, setToReview] = (0, import_react171.useState)(0);
   const { data, loaded, error, refetch } = useProfitAndLossLTM({
-    currentDate: dateRange ? dateRange.startDate : (0, import_date_fns34.startOfMonth)(/* @__PURE__ */ new Date())
+    currentDate: dateRange ? dateRange.startDate : (0, import_date_fns33.startOfMonth)(/* @__PURE__ */ new Date())
   });
   (0, import_react171.useEffect)(() => {
     checkTransactionsToReview();
@@ -15228,7 +15275,7 @@ var TransactionToReviewCard = ({
   const checkTransactionsToReview = () => {
     if (data && dateRange) {
       const monthTx = data.filter(
-        (x) => x.month - 1 === (0, import_date_fns34.getMonth)(dateRange.startDate) && x.year === (0, import_date_fns34.getYear)(dateRange.startDate)
+        (x) => x.month - 1 === (0, import_date_fns33.getMonth)(dateRange.startDate) && x.year === (0, import_date_fns33.getYear)(dateRange.startDate)
       );
       if (monthTx.length > 0) {
         setToReview(monthTx[0].uncategorized_transactions);
@@ -15677,6 +15724,7 @@ var Components = ({
   StatementOfCashFlow,
   Tasks,
   useBankTransactionsContext,
+  useDataSync,
   useLayerContext
 });
 //# sourceMappingURL=index.js.map