@layerfi/components 0.1.78 → 0.1.80

package/dist/esm/index.mjs

@@ -51,11 +51,14 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // src/providers/LayerProvider/LayerProvider.tsx
-import React9 from "react";
+import React9, { useState as useState7 } from "react";
 
 // src/providers/BusinessProvider/BusinessProvider.tsx
 import React8, { useReducer, useEffect as useEffect4 } from "react";
 
+// package.json
+var version = "0.1.80";
+
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
   constructor(message, code, messages) {
@@ -92,31 +95,34 @@ var errorHandler = new ErrorHandlerClass();
 var reportError = (payload) => errorHandler.onError(payload);
 
 // src/api/layer/authenticated_http.ts
+var CUSTOM_PREFIX = "Layer-";
+var CUSTOM_HEADERS = {
+  [`${CUSTOM_PREFIX}React-Version`]: version
+};
 var get = (url) => (baseUrl, accessToken, options) => () => fetch(`${baseUrl}${url((options == null ? void 0 : options.params) || {})}`, {
-  headers: {
+  headers: __spreadValues({
     Authorization: "Bearer " + (accessToken || ""),
     "Content-Type": "application/json"
-  },
+  }, CUSTOM_HEADERS),
   method: "GET"
 }).then((res) => handleResponse(res)).catch((error) => handleException(error));
 var request = (verb) => (url) => (baseUrl, accessToken, options) => fetch(`${baseUrl}${url((options == null ? void 0 : options.params) || {})}`, {
-  headers: {
+  headers: __spreadValues({
     Authorization: "Bearer " + (accessToken || ""),
     "Content-Type": "application/json",
     "Cache-Control": "no-cache"
-  },
+  }, CUSTOM_HEADERS),
   method: verb.toUpperCase(),
   body: JSON.stringify(options == null ? void 0 : options.body)
 }).then((res) => handleResponse(res)).catch((error) => handleException(error));
 var post = request("post");
 var put = request("put");
-var deleteRequest = request("delete");
 var postWithFormData = (url, formData, baseUrl, accessToken) => {
   return fetch(`${baseUrl}${url}`, {
     method: "POST",
-    headers: {
+    headers: __spreadValues({
       Authorization: "Bearer " + (accessToken || "")
-    },
+    }, CUSTOM_HEADERS),
     body: formData
   }).then((res) => handleResponse(res)).catch((error) => handleException(error));
 };
@@ -1254,7 +1260,7 @@ function buildKey({
   return null;
 }
 var DEFAULT_EXPIRES_IN_SECONDS = 3600;
-var FALLBACK_REFRESH_MS = 1e3;
+var FALLBACK_REFRESH_MS = DEFAULT_EXPIRES_IN_SECONDS / 2 * 1e3;
 function useAuth() {
   const {
     apiUrl,
@@ -2301,13 +2307,8 @@ var LayerProvider = (_a) => {
     "environment",
     "usePlaidSandbox"
   ]);
-  const defaultSWRConfig = {
-    refreshInterval: 0,
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false,
-    revalidateIfStale: false
-  };
-  return /* @__PURE__ */ React9.createElement(SWRConfig, { value: __spreadProps(__spreadValues({}, defaultSWRConfig), { provider: () => /* @__PURE__ */ new Map() }) }, /* @__PURE__ */ React9.createElement(EnvironmentInputProvider, { environment, usePlaidSandbox }, /* @__PURE__ */ React9.createElement(
+  const [cache] = useState7(() => /* @__PURE__ */ new Map());
+  return /* @__PURE__ */ React9.createElement(SWRConfig, { value: __spreadProps(__spreadValues({}, DEFAULT_SWR_CONFIG), { provider: () => cache }) }, /* @__PURE__ */ React9.createElement(EnvironmentInputProvider, { environment, usePlaidSandbox }, /* @__PURE__ */ React9.createElement(
     AuthInputProvider,
     {
       appId,
@@ -2319,7 +2320,7 @@ var LayerProvider = (_a) => {
 };
 
 // src/components/Onboarding/Onboarding.tsx
-import React52, { useContext as useContext9, useEffect as useEffect7, useState as useState10 } from "react";
+import React52, { useContext as useContext9, useEffect as useEffect7, useState as useState11 } from "react";
 
 // src/contexts/LinkedAccountsContext/LinkedAccountsContext.ts
 import { createContext as createContext7 } from "react";
@@ -2840,7 +2841,7 @@ import React22, {
 } from "react";
 
 // src/components/Tooltip/useTooltip.ts
-import React21, { useState as useState7 } from "react";
+import React21, { useState as useState8 } from "react";
 import {
   useFloating,
   autoUpdate,
@@ -2872,7 +2873,7 @@ var useTooltip = ({
   shift: shiftProp = { padding: 5 }
 } = {}) => {
   var _a;
-  const [uncontrolledOpen, setUncontrolledOpen] = useState7(initialOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = useState8(initialOpen);
   const open = controlledOpen != null ? controlledOpen : uncontrolledOpen;
   const setOpen = setControlledOpen != null ? setControlledOpen : setUncontrolledOpen;
   const data = useFloating({
@@ -3514,7 +3515,7 @@ var ExpandButton = (_a) => {
 };
 
 // src/components/Button/SwitchButton.tsx
-import React37, { useState as useState8, useEffect as useEffect5 } from "react";
+import React37, { useState as useState9, useEffect as useEffect5 } from "react";
 import classNames12 from "classnames";
 
 // src/components/Button/Link.tsx
@@ -3788,7 +3789,7 @@ var ExpandCollapseButton = ({
 };
 
 // src/components/Typography/Text.tsx
-import React44, { useRef as useRef4, useState as useState9, useEffect as useEffect6 } from "react";
+import React44, { useRef as useRef4, useState as useState10, useEffect as useEffect6 } from "react";
 import classNames15 from "classnames";
 var Text = (_a) => {
   var _b = _a, {
@@ -3860,7 +3861,7 @@ var TextWithTooltip = (_a) => {
     },
     []
   );
-  const [hoverStatus, setHover] = useState9(false);
+  const [hoverStatus, setHover] = useState10(false);
   const contentClassName = classNames15(
     "Layer__tooltip",
     tooltipOptions == null ? void 0 : tooltipOptions.contentClassName
@@ -4158,7 +4159,7 @@ var OnboardingContent = ({
   useEffect7(() => {
     setOnboardingStep(onboardingStepOverride);
   }, [onboardingStepOverride]);
-  const [style, setStyle] = useState10(
+  const [style, setStyle] = useState11(
     onboardingStep ? EXPANDED_STYLE : COLLAPSED_STYLE
   );
   const { data, loadingStatus } = useContext9(LinkedAccountsContext);
@@ -4315,10 +4316,10 @@ var MoreVertical = (_a) => {
 var MoreVertical_default = MoreVertical;
 
 // src/components/HoverMenu/HoverMenu.tsx
-import React57, { useEffect as useEffect8, useRef as useRef5, useState as useState11 } from "react";
+import React57, { useEffect as useEffect8, useRef as useRef5, useState as useState12 } from "react";
 import classNames19 from "classnames";
 var HoverMenu = ({ children, config }) => {
-  const [openMenu, setOpenMenu] = useState11(false);
+  const [openMenu, setOpenMenu] = useState12(false);
   const hoverMenuRef = useRef5(null);
   const hoverMenuClassName = classNames19(
     "Layer__hover-menu",
@@ -4898,7 +4899,7 @@ var LinkedAccountItemThumb = ({
 import classNames22 from "classnames";
 
 // src/components/LinkedAccounts/ConfirmationModal/LinkedAccountsConfirmationModal.tsx
-import React74, { useState as useState12 } from "react";
+import React74, { useState as useState13 } from "react";
 
 // src/components/ui/Modal/Modal.tsx
 import React64, { forwardRef as forwardRef4 } from "react";
@@ -5264,7 +5265,7 @@ function LinkedAccountsConfirmationModalPreloadedContent({ onClose }) {
 }
 function LinkedAccountsConfirmationModalContent({ onClose }) {
   const { accounts, onDismiss, onFinish, refetchAccounts } = useLinkedAccountsConfirmationModal();
-  const [formState, setFormState] = useState12(() => Object.fromEntries(
+  const [formState, setFormState] = useState13(() => Object.fromEntries(
     accounts.map(({ id }) => [id, true])
   ));
   const { trigger, isMutating, error } = useConfirmAndExcludeMultiple(formState, {
@@ -5393,7 +5394,7 @@ var LinkedAccountsComponent = ({
 };
 
 // src/components/BankTransactions/BankTransactions.tsx
-import React138, { useEffect as useEffect23, useMemo as useMemo14, useRef as useRef17, useState as useState31 } from "react";
+import React138, { useEffect as useEffect23, useMemo as useMemo14, useRef as useRef17, useState as useState32 } from "react";
 
 // src/hooks/useElementSize/useElementSize.ts
 import { useLayoutEffect as useLayoutEffect2, useRef as useRef6 } from "react";
@@ -5431,9 +5432,9 @@ var useElementSize = (callback) => {
 };
 
 // src/hooks/useIsVisible/useIsVisible.ts
-import { useEffect as useEffect9, useState as useState13 } from "react";
+import { useEffect as useEffect9, useState as useState14 } from "react";
 var useIsVisible = (ref) => {
-  const [isIntersecting, setIntersecting] = useState13(false);
+  const [isIntersecting, setIntersecting] = useState14(false);
   useEffect9(() => {
     if (!ref.current) {
       return;
@@ -5468,7 +5469,7 @@ var debounce = (fnc, timeout = 300) => {
 import React113 from "react";
 
 // src/components/BankTransactionList/BankTransactionListItem.tsx
-import React112, { useEffect as useEffect15, useRef as useRef10, useState as useState20 } from "react";
+import React112, { useEffect as useEffect15, useRef as useRef10, useState as useState21 } from "react";
 
 // src/icons/ChevronDownFill.tsx
 import * as React77 from "react";
@@ -5562,7 +5563,7 @@ var File = (_a) => {
 var File_default = File;
 
 // src/components/BankTransactionRow/BankTransactionRow.tsx
-import React110, { useEffect as useEffect14, useMemo as useMemo10, useRef as useRef9, useState as useState19 } from "react";
+import React110, { useEffect as useEffect14, useMemo as useMemo10, useRef as useRef9, useState as useState20 } from "react";
 
 // src/icons/Scissors.tsx
 import * as React79 from "react";
@@ -5859,7 +5860,7 @@ var MinimizeTwo_default = MinimizeTwo;
 import React86, { useContext as useContext13 } from "react";
 
 // src/components/BankTransactionMobileList/BusinessCategories.tsx
-import React85, { useState as useState14 } from "react";
+import React85, { useState as useState15 } from "react";
 
 // src/components/ActionableList/ActionableList.tsx
 import React84 from "react";
@@ -5984,8 +5985,8 @@ var BusinessCategories = ({
   const categoryOptions = flattenCategories(
     categories.filter((category) => category.type != "ExclusionNested")
   );
-  const [optionsToShow, setOptionsToShow] = useState14(categoryOptions);
-  const [selectedGroup, setSelectedGroup] = useState14();
+  const [optionsToShow, setOptionsToShow] = useState15(categoryOptions);
+  const [selectedGroup, setSelectedGroup] = useState15();
   const onCategorySelect = (v) => {
     if (v.value.type === "GROUP" && v.value.items) {
       setOptionsToShow(v.value.items);
@@ -6293,7 +6294,7 @@ var CategorySelect = ({
 import React107, {
   forwardRef as forwardRef10,
   useImperativeHandle as useImperativeHandle2,
-  useState as useState18,
+  useState as useState19,
   useCallback as useCallback3,
   useEffect as useEffect13,
   useRef as useRef8
@@ -6435,7 +6436,7 @@ var useReceiptsContext = () => useContext14(ReceiptsContext);
 import React90 from "react";
 
 // src/hooks/useReceipts/useReceipts.ts
-import { useEffect as useEffect10, useState as useState15 } from "react";
+import { useEffect as useEffect10, useState as useState16 } from "react";
 import { parseISO as parseISO3, format as formatTime2 } from "date-fns";
 var readDate = (date) => {
   if (!date)
@@ -6450,7 +6451,7 @@ var useReceipts = ({
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
   const { updateOneLocal: updateBankTransaction } = useBankTransactionsContext();
-  const [receiptUrls, setReceiptUrls] = useState15([]);
+  const [receiptUrls, setReceiptUrls] = useState16([]);
   useEffect10(() => {
     if (isActive && receiptUrls.length === 0 && hasReceipts(bankTransaction)) {
       fetchDocuments();
@@ -7253,7 +7254,7 @@ var Textarea = (_a) => {
 // src/components/Toggle/Toggle.tsx
 import React105, {
   useEffect as useEffect11,
-  useState as useState16
+  useState as useState17
 } from "react";
 import classNames35 from "classnames";
 var Toggle = ({
@@ -7263,9 +7264,9 @@ var Toggle = ({
   onChange,
   size = "medium" /* medium */
 }) => {
-  const [currentWidth, setCurrentWidth] = useState16(0);
-  const [thumbPos, setThumbPos] = useState16({ left: 0, width: 0 });
-  const [initialized, setInitialized] = useState16(false);
+  const [currentWidth, setCurrentWidth] = useState17(0);
+  const [thumbPos, setThumbPos] = useState17({ left: 0, width: 0 });
+  const [initialized, setInitialized] = useState17(false);
   const toggleRef = useElementSize((a, b, c) => {
     if (c.width && (c == null ? void 0 : c.width) !== currentWidth) {
       setCurrentWidth(c.width);
@@ -7401,7 +7402,7 @@ var ToggleOption = ({
 };
 
 // src/components/ExpandedBankTransactionRow/APIErrorNotifications.tsx
-import React106, { useEffect as useEffect12, useState as useState17 } from "react";
+import React106, { useEffect as useEffect12, useState as useState18 } from "react";
 var ERROR_TITLE = "Approval Failed";
 var ERROR_MESSAGE = "Something went wrong, try again later";
 var NOTIFICATION_TIME = 4e3;
@@ -7411,7 +7412,7 @@ var APIErrorNotifications = ({
   bankTransaction,
   containerWidth
 }) => {
-  const [notifications, setNotifications] = useState17([]);
+  const [notifications, setNotifications] = useState18([]);
   const pushNotification = (title, message) => {
     const timestamp = (/* @__PURE__ */ new Date()).valueOf();
     if (notificationsCache.find(
@@ -7465,7 +7466,7 @@ var Notification = ({
   notification,
   deleteNotification
 }) => {
-  const [visible, setVisible] = useState17(false);
+  const [visible, setVisible] = useState18(false);
   useEffect12(() => {
     setVisible(true);
     const timer = setTimeout(() => {
@@ -7548,24 +7549,24 @@ var ExpandedBankTransactionRow = forwardRef10(
       categorize: categorizeBankTransaction2,
       match: matchBankTransaction2
     } = useBankTransactionsContext();
-    const [purpose, setPurpose] = useState18(
+    const [purpose, setPurpose] = useState19(
       bankTransaction.category ? "categorize" /* categorize */ : hasMatch(bankTransaction) ? "match" /* match */ : "categorize" /* categorize */
     );
-    const [selectedMatchId, setSelectedMatchId] = useState18(
+    const [selectedMatchId, setSelectedMatchId] = useState19(
       (_c = isAlreadyMatched2(bankTransaction)) != null ? _c : (_b = (_a = bankTransaction == null ? void 0 : bankTransaction.suggested_matches) == null ? void 0 : _a[0]) == null ? void 0 : _b.id
     );
-    const [matchFormError, setMatchFormError] = useState18();
-    const [splitFormError, setSplitFormError] = useState18();
-    const [height, setHeight] = useState18(0);
-    const [isOver, setOver] = useState18(false);
+    const [matchFormError, setMatchFormError] = useState19();
+    const [splitFormError, setSplitFormError] = useState19();
+    const [height, setHeight] = useState19(0);
+    const [isOver, setOver] = useState19(false);
     const bodyRef = useRef8(null);
-    const [memoText, setMemoText] = useState18();
-    const [isLoaded, setIsLoaded] = useState18(false);
+    const [memoText, setMemoText] = useState19();
+    const [isLoaded, setIsLoaded] = useState19(false);
     const { businessId } = useLayerContext();
     const { apiUrl } = useEnvironment();
     const { data: auth } = useAuth();
     const defaultCategory = bankTransaction.category || hasSuggestions(bankTransaction.categorization_flow) && ((_e = (_d = bankTransaction.categorization_flow) == null ? void 0 : _d.suggestions) == null ? void 0 : _e[0]);
-    const [rowState, updateRowState] = useState18({
+    const [rowState, updateRowState] = useState19({
       splits: ((_f = bankTransaction.category) == null ? void 0 : _f.entries) ? (_g = bankTransaction.category) == null ? void 0 : _g.entries.map((c) => {
         return c.type === "ExclusionSplitEntry" ? {
           amount: c.amount || 0,
@@ -8042,16 +8043,16 @@ var BankTransactionRow = ({
 }) => {
   var _a, _b, _c, _d, _e, _f;
   const expandedRowRef = useRef9(null);
-  const [showRetry, setShowRetry] = useState19(false);
+  const [showRetry, setShowRetry] = useState20(false);
   const {
     categorize: categorizeBankTransaction2,
     match: matchBankTransaction2,
     shouldHideAfterCategorize
   } = useBankTransactionsContext();
-  const [selectedCategory, setSelectedCategory] = useState19(
+  const [selectedCategory, setSelectedCategory] = useState20(
     getDefaultSelectedCategory(bankTransaction)
   );
-  const [open, setOpen] = useState19(false);
+  const [open, setOpen] = useState20(false);
   const toggleOpen = () => {
     setShowRetry(false);
     setOpen(!open);
@@ -8067,7 +8068,7 @@ var BankTransactionRow = ({
       }
     }
   };
-  const [showComponent, setShowComponent] = useState19(false);
+  const [showComponent, setShowComponent] = useState20(false);
   useEffect14(() => {
     if (initialLoad) {
       const timeoutId = setTimeout(() => {
@@ -8356,21 +8357,21 @@ var BankTransactionListItem = ({
 }) => {
   var _a, _b;
   const expandedRowRef = useRef10(null);
-  const [showRetry, setShowRetry] = useState20(false);
+  const [showRetry, setShowRetry] = useState21(false);
   const {
     categorize: categorizeBankTransaction2,
     match: matchBankTransaction2,
     shouldHideAfterCategorize
   } = useBankTransactionsContext();
-  const [selectedCategory, setSelectedCategory] = useState20(
+  const [selectedCategory, setSelectedCategory] = useState21(
     getDefaultSelectedCategory(bankTransaction)
   );
-  const [open, setOpen] = useState20(false);
+  const [open, setOpen] = useState21(false);
   const toggleOpen = () => {
     setShowRetry(false);
     setOpen(!open);
   };
-  const [showComponent, setShowComponent] = useState20(false);
+  const [showComponent, setShowComponent] = useState21(false);
   useEffect15(() => {
     const timeoutId = setTimeout(() => {
       setShowComponent(true);
@@ -8530,13 +8531,13 @@ var BankTransactionList = ({
 import React123 from "react";
 
 // src/components/BankTransactionMobileList/BankTransactionMobileListItem.tsx
-import React122, { useContext as useContext17, useEffect as useEffect21, useRef as useRef15, useState as useState28 } from "react";
+import React122, { useContext as useContext17, useEffect as useEffect21, useRef as useRef15, useState as useState29 } from "react";
 
 // src/components/BankTransactionMobileList/BankTransactionMobileForms.tsx
 import React121 from "react";
 
 // src/components/BankTransactionMobileList/BusinessForm.tsx
-import React116, { useContext as useContext16, useEffect as useEffect17, useMemo as useMemo11, useRef as useRef11, useState as useState22 } from "react";
+import React116, { useContext as useContext16, useEffect as useEffect17, useMemo as useMemo11, useRef as useRef11, useState as useState23 } from "react";
 
 // src/icons/Paperclip.tsx
 import React114 from "react";
@@ -8570,7 +8571,7 @@ import React115, {
   createContext as createContext9,
   useContext as useContext15,
   useEffect as useEffect16,
-  useState as useState21
+  useState as useState22
 } from "react";
 var MemoTextContext = createContext9({
   memoText: void 0,
@@ -8583,8 +8584,8 @@ var useMemoText = ({ bankTransaction, isActive }) => {
   const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [memoText, setMemoText] = useState21();
-  const [isLoaded, setIsLoaded] = useState21(false);
+  const [memoText, setMemoText] = useState22();
+  const [isLoaded, setIsLoaded] = useState22(false);
   useEffect16(() => {
     if (isActive && !isLoaded) {
       fetchMemos();
@@ -8654,10 +8655,10 @@ var BusinessForm = ({
   const receiptsRef = useRef11(null);
   const { setContent, close } = useContext16(DrawerContext);
   const { categorize: categorizeBankTransaction2, isLoading } = useBankTransactionsContext();
-  const [selectedCategory, setSelectedCategory] = useState22(
+  const [selectedCategory, setSelectedCategory] = useState23(
     getAssignedValue(bankTransaction)
   );
-  const [showRetry, setShowRetry] = useState22(false);
+  const [showRetry, setShowRetry] = useState23(false);
   const { memoText, setMemoText, saveMemoText } = useMemoTextContext();
   useEffect17(() => {
     if (bankTransaction.error) {
@@ -8813,7 +8814,7 @@ var BusinessForm = ({
 };
 
 // src/components/BankTransactionMobileList/PersonalForm.tsx
-import React117, { useEffect as useEffect18, useRef as useRef12, useState as useState23 } from "react";
+import React117, { useEffect as useEffect18, useRef as useRef12, useState as useState24 } from "react";
 
 // src/components/BankTransactionMobileList/constants.ts
 var PersonalCategories = /* @__PURE__ */ ((PersonalCategories2) => {
@@ -8842,7 +8843,7 @@ var PersonalForm = ({
   var _a;
   const receiptsRef = useRef12(null);
   const { categorize: categorizeBankTransaction2, isLoading } = useBankTransactionsContext();
-  const [showRetry, setShowRetry] = useState23(false);
+  const [showRetry, setShowRetry] = useState24(false);
   const { memoText, setMemoText, saveMemoText } = useMemoTextContext();
   useEffect18(() => {
     if (bankTransaction.error) {
@@ -8926,10 +8927,10 @@ var PersonalForm = ({
 };
 
 // src/components/BankTransactionMobileList/SplitAndMatchForm.tsx
-import React120, { useState as useState26 } from "react";
+import React120, { useState as useState27 } from "react";
 
 // src/components/BankTransactionMobileList/MatchForm.tsx
-import React118, { useEffect as useEffect19, useRef as useRef13, useState as useState24 } from "react";
+import React118, { useEffect as useEffect19, useRef as useRef13, useState as useState25 } from "react";
 import classNames41 from "classnames";
 var MatchForm2 = ({
   bankTransaction,
@@ -8940,11 +8941,11 @@ var MatchForm2 = ({
   const receiptsRef = useRef13(null);
   const { match: matchBankTransaction2, isLoading } = useBankTransactionsContext();
   const { memoText, setMemoText, saveMemoText } = useMemoTextContext();
-  const [selectedMatchId, setSelectedMatchId] = useState24(
+  const [selectedMatchId, setSelectedMatchId] = useState25(
     (_b = isAlreadyMatched(bankTransaction)) != null ? _b : bankTransaction.suggested_matches && ((_a = bankTransaction.suggested_matches) == null ? void 0 : _a.length) > 0 ? bankTransaction.suggested_matches[0].id : void 0
   );
-  const [formError, setFormError] = useState24();
-  const [showRetry, setShowRetry] = useState24(false);
+  const [formError, setFormError] = useState25();
+  const [showRetry, setShowRetry] = useState25(false);
   useEffect19(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
@@ -9044,7 +9045,7 @@ var MatchForm2 = ({
 };
 
 // src/components/BankTransactionMobileList/SplitForm.tsx
-import React119, { useEffect as useEffect20, useRef as useRef14, useState as useState25 } from "react";
+import React119, { useEffect as useEffect20, useRef as useRef14, useState as useState26 } from "react";
 import classNames42 from "classnames";
 var SplitForm = ({
   bankTransaction,
@@ -9060,7 +9061,7 @@ var SplitForm = ({
   } = useBankTransactionsContext();
   const { memoText, setMemoText, saveMemoText } = useMemoTextContext();
   const defaultCategory = bankTransaction.category || hasSuggestions(bankTransaction.categorization_flow) && ((_b = (_a = bankTransaction.categorization_flow) == null ? void 0 : _a.suggestions) == null ? void 0 : _b[0]);
-  const [rowState, updateRowState] = useState25({
+  const [rowState, updateRowState] = useState26({
     splits: ((_c = bankTransaction.category) == null ? void 0 : _c.entries) ? (_d = bankTransaction.category) == null ? void 0 : _d.entries.map((c) => {
       return c.type === "ExclusionSplitEntry" ? {
         amount: c.amount || 0,
@@ -9086,8 +9087,8 @@ var SplitForm = ({
     description: "",
     file: void 0
   });
-  const [formError, setFormError] = useState25();
-  const [showRetry, setShowRetry] = useState25(false);
+  const [formError, setFormError] = useState26();
+  const [showRetry, setShowRetry] = useState26(false);
   useEffect20(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
@@ -9311,7 +9312,7 @@ var SplitAndMatchForm = ({
   showDescriptions
 }) => {
   const anyMatch = hasMatch(bankTransaction);
-  const [formType, setFormType] = useState26(
+  const [formType, setFormType] = useState27(
     bankTransaction.category ? "categorize" /* categorize */ : anyMatch ? "match" /* match */ : "categorize" /* categorize */
   );
   return /* @__PURE__ */ React120.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__split-and-match-form" }, formType === "categorize" /* categorize */ && /* @__PURE__ */ React120.createElement(
@@ -9380,9 +9381,9 @@ var BankTransactionMobileForms = ({
 };
 
 // src/components/BankTransactionMobileList/TransactionToOpenContext.ts
-import { createContext as createContext10, useState as useState27 } from "react";
+import { createContext as createContext10, useState as useState28 } from "react";
 var useTransactionToOpen = () => {
-  const [transactionIdToOpen, setTransactionIdToOpen] = useState27(void 0);
+  const [transactionIdToOpen, setTransactionIdToOpen] = useState28(void 0);
   const clearTransactionIdToOpen = () => setTransactionIdToOpen(void 0);
   return {
     transactionIdToOpen,
@@ -9436,14 +9437,14 @@ var BankTransactionMobileListItem = ({
     setHeadingHeight(height2);
   });
   const itemRef = useRef15(null);
-  const [removeAnim, setRemoveAnim] = useState28(false);
-  const [purpose, setPurpose] = useState28(
+  const [removeAnim, setRemoveAnim] = useState29(false);
+  const [purpose, setPurpose] = useState29(
     bankTransaction.category ? bankTransaction.category.type === "Exclusion" ? "personal" /* personal */ : bankTransaction.categorization_status === "SPLIT" /* SPLIT */ ? "more" /* more */ : "business" /* business */ : hasMatch(bankTransaction) ? "more" /* more */ : "business" /* business */
   );
-  const [open, setOpen] = useState28(isFirstItem);
-  const [showComponent, setShowComponent] = useState28(!initialLoad);
-  const [height, setHeight] = useState28(0);
-  const [headingHeight, setHeadingHeight] = useState28(63);
+  const [open, setOpen] = useState29(isFirstItem);
+  const [showComponent, setShowComponent] = useState29(!initialLoad);
+  const [height, setHeight] = useState29(0);
+  const [headingHeight, setHeadingHeight] = useState29(63);
   const openNext = () => {
     if (editable && itemRef.current && itemRef.current.nextSibling) {
       const txId = itemRef.current.nextSibling.getAttribute(
@@ -10043,7 +10044,7 @@ var Pagination = ({
 };
 
 // src/components/BankTransactions/BankTransactionsHeader.tsx
-import React135, { useState as useState30 } from "react";
+import React135, { useState as useState31 } from "react";
 
 // src/utils/business.ts
 import { differenceInCalendarMonths, parseISO as parseISO11, startOfMonth as startOfMonth2 } from "date-fns";
@@ -10076,7 +10077,7 @@ var isDateAllowedToBrowse = (date, business) => {
 };
 
 // src/components/DatePicker/DatePicker.tsx
-import React134, { useEffect as useEffect22, useRef as useRef16, useState as useState29 } from "react";
+import React134, { useEffect as useEffect22, useRef as useRef16, useState as useState30 } from "react";
 import * as RDP from "react-datepicker";
 
 // src/components/DatePicker/DatePickerOptions.tsx
@@ -10207,13 +10208,13 @@ var DatePicker = (_a) => {
   var _a2;
   const { ModeSelector } = slots != null ? slots : {};
   const pickerRef = useRef16(null);
-  const [updatePickerDate, setPickerDate] = useState29(false);
-  const [selectedDates, setSelectedDates] = useState29(selected);
+  const [updatePickerDate, setPickerDate] = useState30(false);
+  const [selectedDates, setSelectedDates] = useState30(selected);
   const { isDesktop } = useSizeClass();
-  const [startDate, setStartDate] = useState29(
+  const [startDate, setStartDate] = useState30(
     (_a2 = getDefaultRangeDate("start", mode, selected)) != null ? _a2 : /* @__PURE__ */ new Date()
   );
-  const [endDate, setEndDate] = useState29(
+  const [endDate, setEndDate] = useState30(
     getDefaultRangeDate("end", mode, selected)
   );
   useEffect22(() => {
@@ -10455,8 +10456,8 @@ var DownloadButton2 = ({
   const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [requestFailed, setRequestFailed] = useState30(false);
-  const [isDownloading, setIsDownloading] = useState30(false);
+  const [requestFailed, setRequestFailed] = useState31(false);
+  const [isDownloading, setIsDownloading] = useState31(false);
   const handleClick = () => __async(void 0, null, function* () {
     var _a;
     setIsDownloading(true);
@@ -10679,14 +10680,14 @@ var BankTransactionsContent = ({
   hideHeader = false,
   stringOverrides
 }) => {
-  const [defaultDateRange] = useState31(() => ({
+  const [defaultDateRange] = useState32(() => ({
     startDate: startOfMonth5(/* @__PURE__ */ new Date()),
     endDate: endOfMonth4(/* @__PURE__ */ new Date())
   }));
   const scrollPaginationRef = useRef17(null);
   const isVisible = useIsVisible(scrollPaginationRef);
-  const [currentPage, setCurrentPage] = useState31(1);
-  const [initialLoad, setInitialLoad] = useState31(true);
+  const [currentPage, setCurrentPage] = useState32(1);
+  const [initialLoad, setInitialLoad] = useState32(true);
   const categorizeView = categorizeViewProp != null ? categorizeViewProp : categorizationEnabled(mode);
   const {
     activate,
@@ -10769,10 +10770,10 @@ var BankTransactionsContent = ({
     });
     setCurrentPage(1);
   };
-  const [shiftStickyHeader, setShiftStickyHeader] = useState31(0);
+  const [shiftStickyHeader, setShiftStickyHeader] = useState32(0);
   const debounceShiftStickyHeader = debounce(setShiftStickyHeader, 500);
-  const [listView, setListView] = useState31(false);
-  const [containerWidth, setContainerWidth] = useState31(0);
+  const [listView, setListView] = useState32(false);
+  const [containerWidth, setContainerWidth] = useState32(0);
   const debounceContainerWidth = debounce(setContainerWidth, 500);
   const removeTransaction = (bankTransaction) => removeAfterCategorize(bankTransaction);
   const containerRef = useElementSize((_el, _en, size) => {
@@ -10904,14 +10905,14 @@ var BankTransactionsContent = ({
 import React139 from "react";
 
 // src/hooks/useQuickbooks/useQuickbooks.ts
-import { useEffect as useEffect24, useRef as useRef18, useState as useState32 } from "react";
+import { useEffect as useEffect24, useRef as useRef18, useState as useState33 } from "react";
 var DEBUG2 = true;
 var useQuickbooks = () => {
   const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [isSyncingFromQuickbooks, setIsSyncingFromQuickbooks] = useState32(false);
-  const [quickbooksIsLinked, setQuickbooksIsLinked] = useState32(
+  const [isSyncingFromQuickbooks, setIsSyncingFromQuickbooks] = useState33(false);
+  const [quickbooksIsLinked, setQuickbooksIsLinked] = useState33(
     null
   );
   const syncStatusIntervalRef = useRef18(null);
@@ -11025,7 +11026,7 @@ var PNLComparisonContext = createContext11({
 });
 
 // src/hooks/useProfitAndLoss/useProfitAndLoss.tsx
-import { useMemo as useMemo16, useState as useState34 } from "react";
+import { useMemo as useMemo16, useState as useState35 } from "react";
 
 // src/utils/profitAndLossUtils.ts
 var doesLineItemQualifies = (item) => {
@@ -11081,7 +11082,7 @@ var applyShare = (items, total) => {
 };
 
 // src/hooks/useProfitAndLoss/useProfitAndLossLTM.tsx
-import { useEffect as useEffect25, useMemo as useMemo15, useState as useState33 } from "react";
+import { useEffect as useEffect25, useMemo as useMemo15, useState as useState34 } from "react";
 import { startOfMonth as startOfMonth6, sub } from "date-fns";
 import useSWR4 from "swr";
 var buildDates = ({ currentDate }) => {
@@ -11109,9 +11110,9 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
   const { businessId, syncTimestamps, read, hasBeenTouched } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [date, setDate] = useState33(currentDate);
-  const [loaded, setLoaded] = useState33("initial");
-  const [data, setData] = useState33([]);
+  const [date, setDate] = useState34(currentDate);
+  const [loaded, setLoaded] = useState34("initial");
+  const [data, setData] = useState34([]);
   const { startYear, startMonth, endYear, endMonth } = useMemo15(() => {
     return buildDates({ currentDate: date });
   }, [date, businessId, tagFilter, reportingBasis]);
@@ -11308,17 +11309,17 @@ var useProfitAndLoss = ({
   startDate: startOfMonth8(/* @__PURE__ */ new Date()),
   endDate: endOfMonth6(/* @__PURE__ */ new Date())
 }) => {
-  const [startDate, setStartDate] = useState34(
+  const [startDate, setStartDate] = useState35(
     initialStartDate || startOfMonth8(Date.now())
   );
-  const [endDate, setEndDate] = useState34(
+  const [endDate, setEndDate] = useState35(
     initialEndDate || endOfMonth6(Date.now())
   );
-  const [filters, setFilters] = useState34({
+  const [filters, setFilters] = useState35({
     expenses: void 0,
     revenue: void 0
   });
-  const [sidebarScope, setSidebarScope] = useState34(void 0);
+  const [sidebarScope, setSidebarScope] = useState35(void 0);
   const { data, isLoading, isValidating, error, refetch } = useProfitAndLossQuery({
     startDate,
     endDate,
@@ -11478,24 +11479,24 @@ var useProfitAndLoss = ({
 };
 
 // src/hooks/useProfitAndLossComparison/useProfitAndLossComparison.tsx
-import { useEffect as useEffect27, useState as useState35, useCallback as useCallback4, useRef as useRef19 } from "react";
+import { useEffect as useEffect27, useState as useState36, useCallback as useCallback4, useRef as useRef19 } from "react";
 import { startOfMonth as startOfMonth9, subMonths as subMonths2, getYear, getMonth } from "date-fns";
 var initialFetchDone = false;
 var useProfitAndLossComparison = ({
   reportingBasis
 }) => {
   const lastQuery = useRef19();
-  const [compareMode, setCompareMode] = useState35(false);
-  const [compareMonths, setCompareMonths] = useState35(0);
-  const [compareOptions, setCompareOptions] = useState35(
+  const [compareMode, setCompareMode] = useState36(false);
+  const [compareMonths, setCompareMonths] = useState36(0);
+  const [compareOptions, setCompareOptions] = useState36(
     []
   );
-  const [data, setData] = useState35(
+  const [data, setData] = useState36(
     void 0
   );
-  const [isLoading, setIsLoading] = useState35(false);
-  const [isValidating, setIsValidating] = useState35(false);
-  const [error, setError] = useState35(null);
+  const [isLoading, setIsLoading] = useState36(false);
+  const [isValidating, setIsValidating] = useState36(false);
+  const [error, setError] = useState36(null);
   const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
@@ -11634,7 +11635,7 @@ var useProfitAndLossComparison = ({
 };
 
 // src/components/ProfitAndLossChart/ProfitAndLossChart.tsx
-import React143, { useContext as useContext18, useEffect as useEffect29, useMemo as useMemo17, useState as useState37 } from "react";
+import React143, { useContext as useContext18, useEffect as useEffect29, useMemo as useMemo17, useState as useState38 } from "react";
 
 // src/components/ProfitAndLossChart/ChartStateCard.tsx
 import React141 from "react";
@@ -11697,7 +11698,7 @@ var ChartStateCard = () => {
 };
 
 // src/components/ProfitAndLossChart/Indicator.tsx
-import React142, { useEffect as useEffect28, useState as useState36 } from "react";
+import React142, { useEffect as useEffect28, useState as useState37 } from "react";
 var emptyViewBox = { x: 0, y: 0, width: 0, height: 0 };
 var Indicator = ({
   className,
@@ -11707,7 +11708,7 @@ var Indicator = ({
   setCustomCursorSize,
   viewBox = {}
 }) => {
-  const [opacityIndicator, setOpacityIndicator] = useState36(0);
+  const [opacityIndicator, setOpacityIndicator] = useState37(0);
   const { x: animateTo = 0, width = 0 } = "x" in viewBox ? viewBox : emptyViewBox;
   const margin = width > 12 ? 12 : 6;
   const boxWidth = width + margin;
@@ -11851,18 +11852,18 @@ var ProfitAndLossChart = ({
   tagFilter = void 0
 }) => {
   var _c, _d, _e, _f, _g, _h;
-  const [compactView, setCompactView] = useState37(false);
+  const [compactView, setCompactView] = useState38(false);
   const barSize = compactView ? 10 : 20;
   const { getColor, business } = useLayerContext();
   const { changeDateRange, dateRange } = useContext18(ProfitAndLoss.Context);
-  const [localDateRange, setLocalDateRange] = useState37(dateRange);
-  const [customCursorSize, setCustomCursorSize] = useState37({
+  const [localDateRange, setLocalDateRange] = useState38(dateRange);
+  const [customCursorSize, setCustomCursorSize] = useState38({
     width: 0,
     height: 0,
     x: 0
   });
-  const [barAnimActive, setBarAnimActive] = useState37(true);
-  const [chartWindow, setChartWindow] = useState37({
+  const [barAnimActive, setBarAnimActive] = useState38(true);
+  const [chartWindow, setChartWindow] = useState38({
     start: startOfMonth10(sub2(Date.now(), { months: 11 })),
     end: endOfMonth7(Date.now())
   });
@@ -12156,7 +12157,7 @@ var ProfitAndLossChart = ({
       }
     );
   };
-  const [animateFrom, setAnimateFrom] = useState37(-1);
+  const [animateFrom, setAnimateFrom] = useState38(-1);
   return /* @__PURE__ */ React143.createElement("div", { className: "Layer__chart-wrapper" }, /* @__PURE__ */ React143.createElement(
     ResponsiveContainer,
     {
@@ -12453,7 +12454,7 @@ var ProfitAndLossChart = ({
 };
 
 // src/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions.tsx
-import React144, { useContext as useContext19, useEffect as useEffect30, useState as useState38 } from "react";
+import React144, { useContext as useContext19, useEffect as useEffect30, useState as useState39 } from "react";
 var selectStyles = {
   valueContainer: (styles) => {
     return __spreadProps(__spreadValues({}, styles), {
@@ -12474,7 +12475,7 @@ var ProfitAndLossCompareOptions = ({
     compareOptions
   } = useContext19(ProfitAndLoss.ComparisonContext);
   const { dateRange } = useContext19(ProfitAndLoss.Context);
-  const [initialDone, setInitialDone] = useState38(false);
+  const [initialDone, setInitialDone] = useState39(false);
   useEffect30(() => {
     if (initialDone) {
       fetchData();
@@ -12490,10 +12491,10 @@ var ProfitAndLossCompareOptions = ({
       });
     }
   };
-  const [months, setMonths] = useState38(
+  const [months, setMonths] = useState39(
     compareMonths !== 0 ? compareMonths : 1
   );
-  const [toggle, setToggle] = useState38(
+  const [toggle, setToggle] = useState39(
     (compareOptions == null ? void 0 : compareOptions.length) > 0 ? compareOptions : [defaultOption]
   );
   useEffect30(() => {
@@ -12563,7 +12564,7 @@ var ProfitAndLossCompareOptions = ({
 };
 
 // src/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker.tsx
-import React146, { useContext as useContext20, useState as useState39 } from "react";
+import React146, { useContext as useContext20, useState as useState40 } from "react";
 
 // src/components/DatePicker/ModeSelector/DatePickerModeSelector.tsx
 import React145 from "react";
@@ -12620,7 +12621,7 @@ var ProfitAndLossDatePicker = ({
   const { refetch, compareMode, compareMonths } = useContext20(
     ProfitAndLoss.ComparisonContext
   );
-  const [datePickerMode, setDatePickerMode] = useState39(
+  const [datePickerMode, setDatePickerMode] = useState40(
     (_a = defaultDatePickerMode != null ? defaultDatePickerMode : deprecated_datePickerMode) != null ? _a : "monthPicker"
   );
   const getComparisonData = (date) => {
@@ -12684,7 +12685,7 @@ var ProfitAndLossDatePicker = ({
 };
 
 // src/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts.tsx
-import React152, { useContext as useContext21, useState as useState40 } from "react";
+import React152, { useContext as useContext21, useState as useState41 } from "react";
 
 // src/icons/X.tsx
 import * as React147 from "react";
@@ -13376,7 +13377,7 @@ var ProfitAndLossDetailedCharts = ({
   const theScope = scope ? scope : sidebarScope;
   const data = theScope === "revenue" ? filteredDataRevenue : filteredDataExpenses;
   const total = theScope === "revenue" ? filteredTotalRevenue : filteredTotalExpenses;
-  const [hoveredItem, setHoveredItem] = useState40();
+  const [hoveredItem, setHoveredItem] = useState41();
   return /* @__PURE__ */ React152.createElement("div", { className: "Layer__profit-and-loss-detailed-charts" }, /* @__PURE__ */ React152.createElement("header", { className: "Layer__profit-and-loss-detailed-charts__header" }, /* @__PURE__ */ React152.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__head" }, /* @__PURE__ */ React152.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, humanizeTitle(theScope)), /* @__PURE__ */ React152.createElement(Text, { size: "sm" /* sm */, className: "date" }, format2(dateRange.startDate, "LLLL, y")), showDatePicker && /* @__PURE__ */ React152.createElement(ProfitAndLossDatePicker, null)), !hideClose && /* @__PURE__ */ React152.createElement(
     Button,
     {
@@ -13422,7 +13423,7 @@ var ProfitAndLossDetailedCharts = ({
 };
 
 // src/components/ProfitAndLossDownloadButton/ProfitAndLossDownloadButton.tsx
-import React153, { useContext as useContext22, useState as useState41 } from "react";
+import React153, { useContext as useContext22, useState as useState42 } from "react";
 var ProfitAndLossDownloadButton = ({
   stringOverrides,
   useComparisonPnl = false,
@@ -13436,8 +13437,8 @@ var ProfitAndLossDownloadButton = ({
   const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [requestFailed, setRequestFailed] = useState41(false);
-  const [isDownloading, setIsDownloading] = useState41(false);
+  const [requestFailed, setRequestFailed] = useState42(false);
+  const [isDownloading, setIsDownloading] = useState42(false);
   const handleClick = () => __async(void 0, null, function* () {
     var _a;
     setIsDownloading(true);
@@ -13557,7 +13558,7 @@ import classNames53 from "classnames";
 var HeaderCol = ({ className, children, style }) => /* @__PURE__ */ React158.createElement("div", { className: classNames53("Layer__header__col", className), style }, children);
 
 // src/components/Panel/Panel.tsx
-import React159, { useEffect as useEffect31, useState as useState42 } from "react";
+import React159, { useEffect as useEffect31, useState as useState43 } from "react";
 import classNames54 from "classnames";
 var Panel = ({
   children,
@@ -13569,7 +13570,7 @@ var Panel = ({
   defaultSidebarHeight = false
 }) => {
   var _a;
-  const [sidebarHeight, setSidebarHeight] = useState42(0);
+  const [sidebarHeight, setSidebarHeight] = useState43(0);
   useEffect31(() => {
     var _a2, _b;
     if ((_a2 = parentRef == null ? void 0 : parentRef.current) == null ? void 0 : _a2.offsetHeight) {
@@ -13970,7 +13971,7 @@ var ProfitAndLossSummaries = (props) => Internal_ProfitAndLossSummaries(props);
 import React177, { useContext as useContext28 } from "react";
 
 // src/contexts/TableContext/TableContext.tsx
-import React168, { createContext as createContext12, useState as useState43 } from "react";
+import React168, { createContext as createContext12, useState as useState44 } from "react";
 var defaultValue = {
   expandedRows: [],
   setExpandedRows: () => {
@@ -13983,8 +13984,8 @@ var defaultValue = {
 };
 var TableContext = createContext12(defaultValue);
 var TableProvider = ({ children }) => {
-  const [expandedRows, setExpandedRowsState] = useState43([]);
-  const [expandedAllRows, setExpandedAllRows] = useState43(false);
+  const [expandedRows, setExpandedRowsState] = useState44([]);
+  const [expandedAllRows, setExpandedAllRows] = useState44(false);
   const toggleRow = (rowKey) => {
     setExpandedRowsState((prevRows) => {
       const rows = [...prevRows];
@@ -14650,7 +14651,7 @@ ProfitAndLoss.Report = ProfitAndLossReport;
 ProfitAndLoss.DownloadButton = ProfitAndLossDownloadButton;
 
 // src/components/BalanceSheet/BalanceSheet.tsx
-import React182, { useEffect as useEffect38, useState as useState45 } from "react";
+import React182, { useEffect as useEffect38, useState as useState46 } from "react";
 
 // src/contexts/BalanceSheetContext/BalanceSheetContext.tsx
 import { createContext as createContext14 } from "react";
@@ -14698,10 +14699,10 @@ var useBalanceSheet = (date = /* @__PURE__ */ new Date()) => {
 };
 
 // src/hooks/useElementViewSize/useElementViewSize.tsx
-import { useEffect as useEffect36, useLayoutEffect as useLayoutEffect3, useRef as useRef21, useState as useState44 } from "react";
+import { useEffect as useEffect36, useLayoutEffect as useLayoutEffect3, useRef as useRef21, useState as useState45 } from "react";
 var useElementViewSize = (callback) => {
   const ref = useRef21(null);
-  const [view, setView] = useState44("desktop");
+  const [view, setView] = useState45("desktop");
   const resizeTimeout = useRef21(null);
   useLayoutEffect3(() => {
     const element = ref == null ? void 0 : ref.current;
@@ -14873,9 +14874,9 @@ var BalanceSheetView = ({
   asWidget = false,
   stringOverrides
 }) => {
-  const [effectiveDate, setEffectiveDate] = useState45(startOfDay2(/* @__PURE__ */ new Date()));
+  const [effectiveDate, setEffectiveDate] = useState46(startOfDay2(/* @__PURE__ */ new Date()));
   const { data, isLoading, refetch } = useBalanceSheet(effectiveDate);
-  const [view, setView] = useState45("desktop");
+  const [view, setView] = useState46("desktop");
   const containerRef = useElementViewSize(
     (newView) => setView(newView)
   );
@@ -14940,7 +14941,7 @@ var BalanceSheetView = ({
 };
 
 // src/components/StatementOfCashFlow/StatementOfCashFlow.tsx
-import React184, { useState as useState46 } from "react";
+import React184, { useState as useState47 } from "react";
 
 // src/contexts/StatementOfCashContext/StatementOfCashFlowContext.tsx
 import { createContext as createContext15 } from "react";
@@ -15116,15 +15117,15 @@ var StatementOfCashFlowView = ({
   allowedDatePickerModes,
   customDateRanges
 }) => {
-  const [startDate, setStartDate] = useState46(
+  const [startDate, setStartDate] = useState47(
     startOfDay4(subWeeks(/* @__PURE__ */ new Date(), 4))
   );
-  const [endDate, setEndDate] = useState46(startOfDay4(/* @__PURE__ */ new Date()));
+  const [endDate, setEndDate] = useState47(startOfDay4(/* @__PURE__ */ new Date()));
   const { data, isLoading, refetch } = useStatementOfCashFlow(
     startDate,
     endDate
   );
-  const [datePickerMode, setDatePickerMode] = useState46(
+  const [datePickerMode, setDatePickerMode] = useState47(
     deprecated_datePickerMode != null ? deprecated_datePickerMode : defaultDatePickerMode
   );
   const handleDateChange = (dates) => {
@@ -15189,7 +15190,7 @@ var StatementOfCashFlowView = ({
 };
 
 // src/components/ChartOfAccounts/ChartOfAccounts.tsx
-import React199, { useContext as useContext36, useState as useState53 } from "react";
+import React199, { useContext as useContext36, useState as useState54 } from "react";
 
 // src/contexts/ChartOfAccountsContext/ChartOfAccountsContext.tsx
 import { createContext as createContext16 } from "react";
@@ -15248,7 +15249,7 @@ var LedgerAccountsContext = createContext17({
 });
 
 // src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
-import { useEffect as useEffect40, useState as useState47 } from "react";
+import { useEffect as useEffect40, useState as useState48 } from "react";
 
 // src/components/ChartOfAccountsForm/constants.ts
 var LEDGER_ACCOUNT_TYPES = [
@@ -15548,13 +15549,13 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
   } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [form, setForm] = useState47();
-  const [sendingForm, setSendingForm] = useState47(false);
-  const [apiError, setApiError] = useState47(void 0);
-  const [startDate, setStartDate] = useState47(
+  const [form, setForm] = useState48();
+  const [sendingForm, setSendingForm] = useState48(false);
+  const [apiError, setApiError] = useState48(void 0);
+  const [startDate, setStartDate] = useState48(
     initialStartDate != null ? initialStartDate : startOfMonth15(Date.now())
   );
-  const [endDate, setEndDate] = useState47(
+  const [endDate, setEndDate] = useState48(
     initialEndDate != null ? initialEndDate : endOfMonth12(Date.now())
   );
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `chart-of-accounts-${businessId}-${startDate == null ? void 0 : startDate.valueOf()}-${endDate == null ? void 0 : endDate.valueOf()}`;
@@ -15767,14 +15768,14 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
 };
 
 // src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
-import { useEffect as useEffect41, useState as useState48 } from "react";
+import { useEffect as useEffect41, useState as useState49 } from "react";
 import useSWR9 from "swr";
 var useLedgerAccounts = (showReversalEntries = false) => {
   const { businessId, read, syncTimestamps, hasBeenTouched } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [accountId, setAccountId] = useState48();
-  const [selectedEntryId, setSelectedEntryId] = useState48();
+  const [accountId, setAccountId] = useState49();
+  const [selectedEntryId, setSelectedEntryId] = useState49();
   const queryKey = businessId && accountId && (auth == null ? void 0 : auth.access_token) && `ledger-accounts-lines-${businessId}-${accountId}`;
   const { data, isLoading, isValidating, error, mutate } = useSWR9(
     queryKey,
@@ -15832,7 +15833,7 @@ var useLedgerAccounts = (showReversalEntries = false) => {
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel.tsx
-import React191, { useContext as useContext32, useState as useState50 } from "react";
+import React191, { useContext as useContext32, useState as useState51 } from "react";
 
 // src/icons/Plus.tsx
 import * as React185 from "react";
@@ -16114,7 +16115,7 @@ var ChartOfAccountsSidebar = ({
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
-import React190, { useContext as useContext31, useEffect as useEffect42, useState as useState49 } from "react";
+import React190, { useContext as useContext31, useEffect as useEffect42, useState as useState50 } from "react";
 
 // src/icons/Edit2.tsx
 import * as React189 from "react";
@@ -16176,7 +16177,7 @@ var ChartOfAccountsTableContent = ({
   const { setAccountId } = useContext31(LedgerAccountsContext);
   const { editAccount } = useContext31(ChartOfAccountsContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  const [accountsRowKeys, setAccountsRowKeys] = useState49([]);
+  const [accountsRowKeys, setAccountsRowKeys] = useState50([]);
   useEffect42(() => {
     if (expandAll === "expanded") {
       setIsOpen(accountsRowKeys);
@@ -16278,7 +16279,7 @@ var ChartOfAccountsTableWithPanel = ({
 }) => {
   var _a;
   const { data, isLoading, addAccount, error, isValidating, refetch, form } = useContext32(ChartOfAccountsContext);
-  const [expandAll, setExpandAll] = useState50();
+  const [expandAll, setExpandAll] = useState51();
   const cumulativeIndex = 0;
   const accountsLength = (_a = data == null ? void 0 : data.accounts.length) != null ? _a : 0;
   return /* @__PURE__ */ React191.createElement(
@@ -16371,7 +16372,7 @@ import React198, {
   useContext as useContext35,
   useEffect as useEffect44,
   useMemo as useMemo27,
-  useState as useState52
+  useState as useState53
 } from "react";
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
@@ -16695,7 +16696,7 @@ var LedgerAccountEntryDetails = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountRow.tsx
-import React197, { useContext as useContext34, useEffect as useEffect43, useState as useState51 } from "react";
+import React197, { useContext as useContext34, useEffect as useEffect43, useState as useState52 } from "react";
 import classNames64 from "classnames";
 import { parseISO as parseISO13, format as formatTime11 } from "date-fns";
 var LedgerAccountRow = ({
@@ -16706,7 +16707,7 @@ var LedgerAccountRow = ({
 }) => {
   var _a, _b, _c, _d, _e, _f;
   const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = useContext34(LedgerAccountsContext);
-  const [showComponent, setShowComponent] = useState51(false);
+  const [showComponent, setShowComponent] = useState52(false);
   useEffect43(() => {
     if (initialLoad) {
       const timeoutId = setTimeout(() => {
@@ -16817,8 +16818,8 @@ var LedgerAccount = ({
   stringOverrides
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const [currentPage, setCurrentPage] = useState52(1);
-  const [initialLoad, setInitialLoad] = useState52(true);
+  const [currentPage, setCurrentPage] = useState53(1);
+  const [initialLoad, setInitialLoad] = useState53(true);
   const { data: accountData } = useContext35(ChartOfAccountsContext);
   const {
     data: rawData,
@@ -16952,7 +16953,7 @@ var ChartOfAccountsContent = ({
   templateAccountsEditable
 }) => {
   const { accountId } = useContext36(LedgerAccountsContext);
-  const [view, setView] = useState53("desktop");
+  const [view, setView] = useState54("desktop");
   const containerRef = useElementViewSize(
     (newView) => setView(newView)
   );
@@ -16978,7 +16979,7 @@ var ChartOfAccountsContent = ({
 };
 
 // src/components/Journal/Journal.tsx
-import React206, { useState as useState57 } from "react";
+import React206, { useState as useState58 } from "react";
 
 // src/contexts/JournalContext/JournalContext.tsx
 import { createContext as createContext18 } from "react";
@@ -17016,7 +17017,7 @@ var JournalContext = createContext18({
 });
 
 // src/hooks/useJournal/useJournal.tsx
-import { useEffect as useEffect45, useState as useState54 } from "react";
+import { useEffect as useEffect45, useState as useState55 } from "react";
 import useSWR10 from "swr";
 var useJournal = () => {
   const {
@@ -17028,11 +17029,11 @@ var useJournal = () => {
   } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [selectedEntryId, setSelectedEntryId] = useState54();
-  const [form, setForm] = useState54();
-  const [addingEntry, setAddingEntry] = useState54(false);
-  const [sendingForm, setSendingForm] = useState54(false);
-  const [apiError, setApiError] = useState54(void 0);
+  const [selectedEntryId, setSelectedEntryId] = useState55();
+  const [form, setForm] = useState55();
+  const [addingEntry, setAddingEntry] = useState55(false);
+  const [sendingForm, setSendingForm] = useState55(false);
+  const [apiError, setApiError] = useState55(void 0);
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `journal-lines-${businessId}`;
   const { data, isLoading, isValidating, error, mutate } = useSWR10(
     queryKey,
@@ -17285,13 +17286,13 @@ var useJournal = () => {
 };
 
 // src/components/JournalTable/JournalTableWithPanel.tsx
-import React205, { useContext as useContext42, useMemo as useMemo29, useState as useState56 } from "react";
+import React205, { useContext as useContext42, useMemo as useMemo29, useState as useState57 } from "react";
 
 // src/components/JournalSidebar/JournalSidebar.tsx
 import React203, { useContext as useContext40 } from "react";
 
 // src/components/JournalEntryDetails/JournalEntryDetails.tsx
-import React200, { useContext as useContext37, useMemo as useMemo28, useState as useState55 } from "react";
+import React200, { useContext as useContext37, useMemo as useMemo28, useState as useState56 } from "react";
 var JournalEntryDetails = () => {
   var _a, _b, _c, _d;
   const {
@@ -17303,8 +17304,8 @@ var JournalEntryDetails = () => {
     reverseEntry,
     refetch
   } = useContext37(JournalContext);
-  const [reverseEntryProcessing, setReverseEntryProcessing] = useState55(false);
-  const [reverseEntryError, setReverseEntryError] = useState55();
+  const [reverseEntryProcessing, setReverseEntryProcessing] = useState56(false);
+  const [reverseEntryError, setReverseEntryError] = useState56();
   const entry = useMemo28(() => {
     if (selectedEntryId && data) {
       return data.find((x) => x.id === selectedEntryId);
@@ -17833,7 +17834,7 @@ var JournalTableWithPanel = ({
   stringOverrides,
   view
 }) => {
-  const [currentPage, setCurrentPage] = useState56(1);
+  const [currentPage, setCurrentPage] = useState57(1);
   const {
     data: rawData,
     isLoading,
@@ -17945,7 +17946,7 @@ var JournalContent = ({
   config = JOURNAL_CONFIG,
   stringOverrides
 }) => {
-  const [view, setView] = useState57("desktop");
+  const [view, setView] = useState58("desktop");
   const containerRef = useElementViewSize(
     (newView) => setView(newView)
   );
@@ -17966,7 +17967,7 @@ import React213, {
   useContext as useContext47,
   useEffect as useEffect49,
   useMemo as useMemo31,
-  useState as useState61
+  useState as useState62
 } from "react";
 
 // src/contexts/TasksContext/TasksContext.tsx
@@ -17985,7 +17986,7 @@ var TasksContext = createContext19({
 });
 
 // src/hooks/useTasks/useTasks.tsx
-import { useEffect as useEffect47, useState as useState58 } from "react";
+import { useEffect as useEffect47, useState as useState59 } from "react";
 
 // src/hooks/useTasks/mockData.ts
 var mockData = [
@@ -18027,7 +18028,7 @@ var mockData = [
 import useSWR11 from "swr";
 var DEBUG_MODE = false;
 var useTasks = () => {
-  const [loadedStatus, setLoadedStatus] = useState58("initial");
+  const [loadedStatus, setLoadedStatus] = useState59("initial");
   const { businessId, read, syncTimestamps, hasBeenTouched } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
@@ -18234,7 +18235,7 @@ var TasksHeader = ({
 };
 
 // src/components/TasksList/TasksList.tsx
-import React211, { useContext as useContext45, useMemo as useMemo30, useState as useState60 } from "react";
+import React211, { useContext as useContext45, useMemo as useMemo30, useState as useState61 } from "react";
 
 // src/icons/SmileIcon.tsx
 import * as React209 from "react";
@@ -18291,15 +18292,15 @@ var SmileIcon = (_a) => {
 var SmileIcon_default = SmileIcon;
 
 // src/components/TasksListItem/TasksListItem.tsx
-import React210, { useContext as useContext44, useEffect as useEffect48, useState as useState59 } from "react";
+import React210, { useContext as useContext44, useEffect as useEffect48, useState as useState60 } from "react";
 import classNames66 from "classnames";
 var TasksListItem = ({
   task,
   goToNextPageIfAllComplete,
   defaultOpen
 }) => {
-  const [isOpen, setIsOpen] = useState59(defaultOpen);
-  const [userResponse, setUserResponse] = useState59(task.user_response || "");
+  const [isOpen, setIsOpen] = useState60(defaultOpen);
+  const [userResponse, setUserResponse] = useState60(task.user_response || "");
   const { submitResponseToTask: submitResponseToTask2, uploadDocumentForTask } = useContext44(TasksContext);
   const taskBodyClassName = classNames66(
     "Layer__tasks-list-item__body",
@@ -18382,7 +18383,7 @@ var TasksList = ({ pageSize = 10 }) => {
     tasks || [],
     pageSize
   ).findIndex((page) => page.some((task) => !isComplete(task.status)));
-  const [currentPage, setCurrentPage] = useState60(
+  const [currentPage, setCurrentPage] = useState61(
     firstPageWithIincompleteTasks === -1 ? 1 : firstPageWithIincompleteTasks + 1
   );
   const sortedTasks = useMemo30(() => {
@@ -18525,7 +18526,7 @@ var TasksComponent = ({
     }
     return false;
   }, [data, isLoading]);
-  const [open, setOpen] = useState61(
+  const [open, setOpen] = useState62(
     defaultCollapsed || collapsedWhenComplete ? false : true
   );
   useEffect49(() => {
@@ -18702,7 +18703,7 @@ var BookkeepingUpsellBar = ({
 };
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
-import React218, { useState as useState62 } from "react";
+import React218, { useState as useState63 } from "react";
 
 // src/views/BookkeepingOverview/internal/BookkeepingProfitAndLossSummariesContainer.tsx
 import React217 from "react";
@@ -18722,7 +18723,7 @@ var BookkeepingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const [pnlToggle, setPnlToggle] = useState62("expenses");
+  const [pnlToggle, setPnlToggle] = useState63("expenses");
   const [width] = useWindowSize();
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
   return /* @__PURE__ */ React218.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React218.createElement(TasksProvider, null, /* @__PURE__ */ React218.createElement(
@@ -18819,10 +18820,10 @@ var BookkeepingOverview = ({
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-import React221, { useState as useState64 } from "react";
+import React221, { useState as useState65 } from "react";
 
 // src/views/AccountingOverview/internal/TransactionsToReview.tsx
-import React220, { useContext as useContext49, useEffect as useEffect50, useState as useState63 } from "react";
+import React220, { useContext as useContext49, useEffect as useEffect50, useState as useState64 } from "react";
 
 // src/components/BadgeLoader/BadgeLoader.tsx
 import React219 from "react";
@@ -18842,7 +18843,7 @@ function TransactionsToReview({
   const { size = "sm" } = variants != null ? variants : {};
   const { dateRange: contextDateRange } = useContext49(ProfitAndLoss.Context);
   const dateRange = usePnlDateRange ? contextDateRange : void 0;
-  const [toReview, setToReview] = useState63(0);
+  const [toReview, setToReview] = useState64(0);
   const { data, loaded, error, refetch } = useProfitAndLossLTM({
     currentDate: dateRange ? dateRange.startDate : startOfMonth17(/* @__PURE__ */ new Date()),
     tagFilter
@@ -18917,7 +18918,7 @@ var AccountingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e;
-  const [pnlToggle, setPnlToggle] = useState64("expenses");
+  const [pnlToggle, setPnlToggle] = useState65("expenses");
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
   return /* @__PURE__ */ React221.createElement(
     ProfitAndLoss,
@@ -19086,7 +19087,7 @@ var BankTransactionsWithLinkedAccounts = ({
 };
 
 // src/views/GeneralLedger/GeneralLedger.tsx
-import React223, { useState as useState65 } from "react";
+import React223, { useState as useState66 } from "react";
 var GeneralLedgerView = ({
   title,
   // deprecated
@@ -19094,7 +19095,7 @@ var GeneralLedgerView = ({
   stringOverrides,
   chartOfAccountsOptions
 }) => {
-  const [activeTab, setActiveTab] = useState65("chartOfAccounts");
+  const [activeTab, setActiveTab] = useState66("chartOfAccounts");
   return /* @__PURE__ */ React223.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React223.createElement(
     View,
     {
@@ -19133,7 +19134,7 @@ var GeneralLedgerView = ({
 };
 
 // src/views/ProjectProfitability/ProjectProfitability.tsx
-import React224, { useState as useState66 } from "react";
+import React224, { useState as useState67 } from "react";
 import Select4 from "react-select";
 var ProjectProfitabilityView = ({
   valueOptions,
@@ -19142,9 +19143,9 @@ var ProjectProfitabilityView = ({
   datePickerMode = "monthPicker",
   csvMoneyFormat = "DOLLAR_STRING"
 }) => {
-  const [activeTab, setActiveTab] = useState66("overview");
-  const [tagFilter, setTagFilter] = useState66(null);
-  const [pnlTagFilter, setPnlTagFilter] = useState66(
+  const [activeTab, setActiveTab] = useState67("overview");
+  const [tagFilter, setTagFilter] = useState67(null);
+  const [pnlTagFilter, setPnlTagFilter] = useState67(
     void 0
   );
   const isOptionSelected = (option, selectValue) => {
@@ -19235,7 +19236,7 @@ var ProjectProfitabilityView = ({
 };
 
 // src/views/Reports/Reports.tsx
-import React225, { useState as useState67 } from "react";
+import React225, { useState as useState68 } from "react";
 var getOptions = (enabledReports) => {
   return [
     enabledReports.includes("profitAndLoss") ? {
@@ -19262,8 +19263,8 @@ var Reports = ({
   statementOfCashFlowConfig
 }) => {
   var _a;
-  const [activeTab, setActiveTab] = useState67(enabledReports[0]);
-  const [view, setView] = useState67("desktop");
+  const [activeTab, setActiveTab] = useState68(enabledReports[0]);
+  const [view, setView] = useState68("desktop");
   const containerRef = useElementViewSize(
     (newView) => setView(newView)
   );