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

package/dist/cjs/index.cjs

@@ -5602,7 +5602,7 @@ var import_react18 = require("react");
 var import_react16 = require("react");
 
 // package.json
-var version = "0.1.102-alpha";
+var version = "0.1.102-alpha.2";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -10448,7 +10448,7 @@ var OnboardingContent = ({
 };
 
 // src/components/LinkedAccounts/LinkedAccounts.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 
 // src/components/Loader/Loader.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
@@ -10473,7 +10473,7 @@ var SmallLoader = ({ size = 28 }) => {
 };
 
 // src/components/LinkedAccounts/LinkedAccountsContent.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 
 // src/icons/PlusIcon.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
@@ -11347,7 +11347,7 @@ var LinkedAccountItemThumb = ({
 var import_classnames24 = __toESM(require("classnames"));
 
 // src/components/LinkedAccounts/ConfirmationModal/LinkedAccountsConfirmationModal.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 
 // src/components/ui/Modal/Modal.tsx
 var import_react38 = require("react");
@@ -11533,20 +11533,34 @@ function ModalActions({ children }) {
 }
 
 // src/components/ui/Stack/Stack.tsx
+var import_react42 = require("react");
 var import_classnames22 = __toESM(require("classnames"));
 var import_jsx_runtime71 = require("react/jsx-runtime");
 var CLASS_NAME2 = "Layer__Stack";
-function Stack(_a) {
-  var _b = _a, { align, children, direction, gap, justify, pbs, pbe, pis, pie, fluid, className } = _b, restProps = __objRest(_b, ["align", "children", "direction", "gap", "justify", "pbs", "pbe", "pis", "pie", "fluid", "className"]);
-  const dataProperties = toDataProperties({ align, direction, gap, justify, pbs, pbe, pis, pie, fluid });
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", __spreadProps(__spreadValues(__spreadValues({}, restProps), dataProperties), { className: (0, import_classnames22.default)(CLASS_NAME2, className), children }));
-}
-function VStack(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Stack, __spreadProps(__spreadValues({}, props), { direction: "column" }));
-}
-function HStack(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Stack, __spreadProps(__spreadValues({}, props), { direction: "row" }));
-}
+var Stack = (0, import_react42.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { align, children, direction, gap, justify, pbs, pbe, pis, pie, fluid, className } = _b, restProps = __objRest(_b, ["align", "children", "direction", "gap", "justify", "pbs", "pbe", "pis", "pie", "fluid", "className"]);
+    const dataProperties = toDataProperties({ align, direction, gap, justify, pbs, pbe, pis, pie, fluid });
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      "div",
+      __spreadProps(__spreadValues(__spreadValues({
+        ref
+      }, restProps), dataProperties), {
+        className: (0, import_classnames22.default)(CLASS_NAME2, className),
+        children
+      })
+    );
+  }
+);
+Stack.displayName = "Stack";
+var VStack = (0, import_react42.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Stack, __spreadProps(__spreadValues({}, props), { ref, direction: "column" }));
+});
+VStack.displayName = "VStack";
+var HStack = (0, import_react42.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Stack, __spreadProps(__spreadValues({}, props), { ref, direction: "row" }));
+});
+HStack.displayName = "HStack";
 var Spacer = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "Layer__Spacer" });
 
 // src/components/utility/ConditionalList.tsx
@@ -11576,14 +11590,14 @@ function ConditionalList({
 
 // src/components/ui/Checkbox/Checkbox.tsx
 var import_lucide_react4 = require("lucide-react");
-var import_react42 = require("react");
+var import_react43 = require("react");
 var import_react_aria_components8 = require("react-aria-components");
 var import_classnames23 = __toESM(require("classnames"));
 var import_jsx_runtime73 = require("react/jsx-runtime");
 var CLASS_NAME3 = "Layer__Checkbox";
 function Checkbox(_a) {
   var _b = _a, { children, className, variant = "default", size = "md" } = _b, props = __objRest(_b, ["children", "className", "variant", "size"]);
-  const dataProperties = (0, import_react42.useMemo)(() => toDataProperties({
+  const dataProperties = (0, import_react43.useMemo)(() => toDataProperties({
     size,
     variant,
     labeled: typeof children === "string" && children.length > 0
@@ -11803,7 +11817,7 @@ function LinkedAccountsConfirmationModalPreloadedContent({ onClose }) {
 }
 function LinkedAccountsConfirmationModalContent({ onClose }) {
   const { accounts, onFinish, refetchAccounts } = useLinkedAccountsConfirmationModal();
-  const [formState, setFormState] = (0, import_react43.useState)(() => Object.fromEntries(
+  const [formState, setFormState] = (0, import_react44.useState)(() => Object.fromEntries(
     accounts.map(({ id }) => [id, true])
   ));
   const { trigger, isMutating, error } = useConfirmAndExcludeMultiple({ onSuccess: refetchAccounts });
@@ -11875,7 +11889,7 @@ var LinkedAccountsContent = ({
   showUnlinkItem,
   showBreakConnection
 }) => {
-  const { data, addConnection } = (0, import_react44.useContext)(LinkedAccountsContext);
+  const { data, addConnection } = (0, import_react45.useContext)(LinkedAccountsContext);
   const linkedAccountsNewAccountClassName = (0, import_classnames24.default)(
     "Layer__linked-accounts__new-account",
     asWidget && "--as-widget",
@@ -11916,7 +11930,7 @@ var LinkedAccountsContent = ({
 };
 
 // src/components/LinkedAccounts/OpeningBalanceModal/OpeningBalanceModal.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 
 // src/utils/business.ts
 var import_date_fns6 = require("date-fns");
@@ -11949,7 +11963,7 @@ var isDateAllowedToBrowse = (date, business) => {
 };
 
 // src/components/LinkedAccounts/AccountFormBox/AccountFormBox.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 
 // src/components/Input/Input.tsx
 var import_classnames25 = __toESM(require("classnames"));
@@ -12012,7 +12026,7 @@ var InputGroup = ({
 };
 
 // src/components/Input/FileInput.tsx
-var import_react45 = require("react");
+var import_react46 = require("react");
 
 // src/icons/UploadCloud.tsx
 var import_jsx_runtime80 = require("react/jsx-runtime");
@@ -12081,7 +12095,7 @@ var FileInput = ({
   icon,
   allowMultipleUploads = false
 }) => {
-  const hiddenFileInput = (0, import_react45.useRef)(null);
+  const hiddenFileInput = (0, import_react46.useRef)(null);
   const onClick = () => {
     if (hiddenFileInput.current) {
       hiddenFileInput.current.click();
@@ -12134,7 +12148,7 @@ var FileInput = ({
 };
 
 // src/components/Input/Select.tsx
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_react_select = __toESM(require("react-select"));
 
 // src/icons/ChevronDownFill.tsx
@@ -12189,7 +12203,7 @@ var Select = ({
     isInvalid ? "Layer__select--error" : "",
     className
   );
-  const DropdownIndicator2 = (0, import_react46.useCallback)((props) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_select.components.DropdownIndicator, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ChevronDownFill_default, {}) })), []);
+  const DropdownIndicator2 = (0, import_react47.useCallback)((props) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_select.components.DropdownIndicator, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ChevronDownFill_default, {}) })), []);
   return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Tooltip, { disabled: !isInvalid || !errorMessage, children: [
     /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(TooltipTrigger, { className: "Layer__input-tooltip", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       import_react_select.default,
@@ -12216,42 +12230,9 @@ var Select = ({
 // src/components/Input/InputWithBadge.tsx
 var import_classnames28 = __toESM(require("classnames"));
 var import_jsx_runtime84 = require("react/jsx-runtime");
-var InputWithBadge = (_a) => {
-  var _b = _a, {
-    className,
-    isInvalid,
-    errorMessage,
-    leftText,
-    badge,
-    variant = "default" /* DEFAULT */
-  } = _b, props = __objRest(_b, [
-    "className",
-    "isInvalid",
-    "errorMessage",
-    "leftText",
-    "badge",
-    "variant"
-  ]);
-  const baseClassName = (0, import_classnames28.default)(
-    "Layer__input",
-    isInvalid ? "Layer__input--error" : "",
-    leftText ? "Layer__input--with-left-text" : "",
-    className
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(Tooltip, { disabled: !isInvalid || !errorMessage, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(TooltipTrigger, { className: "Layer__input-tooltip", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "Layer__input-with-badge", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("input", __spreadProps(__spreadValues({}, props), { className: baseClassName })),
-        badge && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Badge, { variant, children: badge })
-      ] }),
-      leftText && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "Layer__input-left-text", children: leftText })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(TooltipContent, { className: "Layer__tooltip", children: errorMessage })
-  ] });
-};
 
 // src/components/Input/MultiSelect.tsx
-var import_react47 = require("react");
+var import_react48 = require("react");
 var import_react_select2 = __toESM(require("react-select"));
 var import_classnames29 = __toESM(require("classnames"));
 var import_jsx_runtime85 = require("react/jsx-runtime");
@@ -12276,7 +12257,7 @@ var MultiSelect = ({
     isInvalid ? "Layer__select--error" : "",
     className
   );
-  const DropdownIndicator2 = (0, import_react47.useCallback)((props) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_select2.components.DropdownIndicator, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ChevronDownFill_default, {}) })), []);
+  const DropdownIndicator2 = (0, import_react48.useCallback)((props) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_select2.components.DropdownIndicator, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ChevronDownFill_default, {}) })), []);
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Tooltip, { disabled: !isInvalid || !errorMessage, children: [
     /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TooltipTrigger, { className: "Layer__input-tooltip", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       import_react_select2.default,
@@ -12315,6 +12296,7 @@ var AmountInput = (_a) => {
     leftText,
     errorMessage,
     isInvalid,
+    badge,
     placeholder = "$0.00"
   } = _b, props = __objRest(_b, [
     "onChange",
@@ -12322,30 +12304,38 @@ var AmountInput = (_a) => {
     "leftText",
     "errorMessage",
     "isInvalid",
+    "badge",
     "placeholder"
   ]);
   const baseClassName = (0, import_classnames30.default)(
     "Layer__input Layer__amount-input",
+    badge ? "Layer__amount-input--align-left" : "Layer__amount-input--align-right",
     isInvalid ? "Layer__input--error" : "",
     leftText ? "Layer__input--with-left-text" : "",
     className
   );
+  const currencyInput = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    import_react_currency_input_field.default,
+    __spreadProps(__spreadValues({}, props), {
+      intlConfig: {
+        locale: "en-US",
+        currency: "USD"
+      },
+      prefix: "$",
+      placeholder,
+      decimalScale: 2,
+      decimalsLimit: 2,
+      disableAbbreviations: true,
+      onValueChange: onChange,
+      className: baseClassName
+    })
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Tooltip, { disabled: !isInvalid || !errorMessage, children: [
     /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(TooltipTrigger, { className: "Layer__input-tooltip", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
-        import_react_currency_input_field.default,
-        __spreadProps(__spreadValues({}, props), {
-          intlConfig: {
-            locale: "en-US",
-            currency: "USD"
-          },
-          prefix: "$",
-          placeholder,
-          decimalsLimit: 2,
-          onValueChange: onChange,
-          className: baseClassName
-        })
-      ),
+      badge ? /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "Layer__input-with-badge", children: [
+        currencyInput,
+        badge
+      ] }) : currencyInput,
       leftText && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "Layer__input-left-text", children: leftText })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TooltipContent, { className: "Layer__tooltip", children: errorMessage })
@@ -12353,7 +12343,7 @@ var AmountInput = (_a) => {
 };
 
 // src/components/DatePicker/DatePicker.tsx
-var import_react48 = require("react");
+var import_react49 = require("react");
 var RDP = __toESM(require("react-datepicker"));
 
 // src/icons/ChevronLeft.tsx
@@ -12524,8 +12514,8 @@ var DatePicker = (_a) => {
     "slots"
   ]);
   const { ModeSelector } = slots != null ? slots : {};
-  const pickerRef = (0, import_react48.useRef)(null);
-  const pickerMode = (0, import_react48.useMemo)(() => {
+  const pickerRef = (0, import_react49.useRef)(null);
+  const pickerMode = (0, import_react49.useMemo)(() => {
     var _a2;
     if (!allowedModes) {
       return displayMode;
@@ -12538,7 +12528,7 @@ var DatePicker = (_a) => {
     }
     return (_a2 = allowedModes[0]) != null ? _a2 : displayMode;
   }, [displayMode, allowedModes]);
-  const [firstDate, secondDate] = (0, import_react48.useMemo)(() => {
+  const [firstDate, secondDate] = (0, import_react49.useMemo)(() => {
     if (selected instanceof Date) {
       return [selected, null];
     }
@@ -12567,8 +12557,8 @@ var DatePicker = (_a) => {
     displayMode === "timePicker" && "Layer__datepicker__time__popper",
     popperClassName
   );
-  const [internalStart, setInternalStart] = (0, import_react48.useState)(null);
-  const [internalEnd, setInternalEnd] = (0, import_react48.useState)(null);
+  const [internalStart, setInternalStart] = (0, import_react49.useState)(null);
+  const [internalEnd, setInternalEnd] = (0, import_react49.useState)(null);
   const isMidSelection = internalStart !== null && internalEnd === null;
   const handleDateChange = (selectedDate) => {
     if (selectedDate instanceof Date) {
@@ -12623,7 +12613,7 @@ var DatePicker = (_a) => {
         break;
     }
   };
-  const isTodayOrAfter = (0, import_react48.useMemo)(() => {
+  const isTodayOrAfter = (0, import_react49.useMemo)(() => {
     switch (displayMode) {
       case "dayPicker":
         return firstDate >= (0, import_date_fns8.endOfDay)(/* @__PURE__ */ new Date()) || maxDate && firstDate >= maxDate;
@@ -12803,7 +12793,7 @@ var AccountFormBox = ({
   errors = []
 }) => {
   var _a, _b, _c, _d, _e;
-  const dataProps = (0, import_react49.useMemo)(() => toDataProperties({
+  const dataProps = (0, import_react50.useMemo)(() => toDataProperties({
     saved: isSaved,
     confirmed: value.isConfirmed
   }), [isSaved, value.isConfirmed]);
@@ -13015,10 +13005,14 @@ var humanizeEnum = (text) => {
 };
 var convertNumberToCurrency = (amount) => {
   if (typeof amount !== "number" || isNaN(amount)) return "";
-  const formattedValue = amount.toLocaleString("en-US");
-  return formattedValue.length > 0 ? `$${formattedValue}` : "";
+  const formattedValue = amount.toLocaleString("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  });
+  return formattedValue;
 };
-var convertCurrencyToNumber = (amount) => amount.replace("$", "").replace(",", "").replace(/[^\d.]/g, "").replace(/(?!^)-/g, "").replace(/(\..*)\./g, "$1").replace(/(\.\d{2})\d+/, "$1").replace(/^0(?!\.)/, "");
 var convertToCents = (amount) => {
   try {
     if (amount === void 0 || amount === null) {
@@ -13090,9 +13084,9 @@ function LinkedAccountsOpeningBalanceModalContent({
   var _a, _b;
   const { business } = useLayerContext();
   const { refetchAccounts } = useLinkedAccounts();
-  const [touched, setTouched] = (0, import_react50.useState)(false);
-  const [results, setResults] = (0, import_react50.useState)({});
-  const [formsData, setFormsData] = (0, import_react50.useState)(accounts.map((item) => {
+  const [touched, setTouched] = (0, import_react51.useState)(false);
+  const [results, setResults] = (0, import_react51.useState)({});
+  const [formsData, setFormsData] = (0, import_react51.useState)(accounts.map((item) => {
     var _a2;
     return {
       account: item,
@@ -13100,7 +13094,7 @@ function LinkedAccountsOpeningBalanceModalContent({
       openingDate: (_a2 = getActivationDate(business)) != null ? _a2 : (0, import_date_fns11.startOfYear)(/* @__PURE__ */ new Date())
     };
   }));
-  const formsDataToSave = (0, import_react50.useMemo)(
+  const formsDataToSave = (0, import_react51.useMemo)(
     () => ignoreAlreadySaved(formsData, results),
     [formsData, results]
   );
@@ -13167,7 +13161,7 @@ function OpeningBalanceModal({
   const {
     accountsToAddOpeningBalanceInModal,
     setAccountsToAddOpeningBalanceInModal
-  } = (0, import_react50.useContext)(LinkedAccountsContext);
+  } = (0, import_react51.useContext)(LinkedAccountsContext);
   const shouldShowModal = Boolean(accountsToAddOpeningBalanceInModal.length);
   if (!shouldShowModal) {
     return null;
@@ -13214,7 +13208,7 @@ var LinkedAccountsComponent = ({
     error,
     isValidating,
     refetchAccounts
-  } = (0, import_react51.useContext)(LinkedAccountsContext);
+  } = (0, import_react52.useContext)(LinkedAccountsContext);
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Container, { name: COMPONENT_NAME, elevated, children: [
     /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Header, { className: "Layer__linked-accounts__header", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       Heading,
@@ -13249,36 +13243,36 @@ var LinkedAccountsComponent = ({
 };
 
 // src/components/UploadTransactions/UploadTransactions.tsx
-var import_react61 = require("react");
+var import_react62 = require("react");
 
 // src/components/Wizard/Wizard.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_jsx_runtime93 = require("react/jsx-runtime");
 function useWizardStep({
   steps,
   onComplete
 }) {
   const stepCount = steps.length;
-  const [activeStepIndex, setActiveStepIndex] = (0, import_react52.useState)(0);
-  const next = (0, import_react52.useCallback)(() => __async(null, null, function* () {
+  const [activeStepIndex, setActiveStepIndex] = (0, import_react53.useState)(0);
+  const next = (0, import_react53.useCallback)(() => __async(null, null, function* () {
     setActiveStepIndex((stepIndex) => Math.min(stepIndex + 1, stepCount - 1));
     if (activeStepIndex === stepCount - 1 && onComplete) {
       yield onComplete == null ? void 0 : onComplete();
     }
   }), [stepCount, activeStepIndex, onComplete]);
-  const previous = (0, import_react52.useCallback)(() => setActiveStepIndex((stepIndex) => Math.max(stepIndex - 1, 0)), []);
+  const previous = (0, import_react53.useCallback)(() => setActiveStepIndex((stepIndex) => Math.max(stepIndex - 1, 0)), []);
   const effectiveStepIndex = Math.min(activeStepIndex, stepCount - 1);
   const currentStep = steps.at(effectiveStepIndex);
   return { currentStep, next, previous };
 }
-var WizardContext = (0, import_react52.createContext)({
+var WizardContext = (0, import_react53.createContext)({
   next: () => {
   },
   previous: () => {
   }
 });
 function useWizard() {
-  return (0, import_react52.useContext)(WizardContext);
+  return (0, import_react53.useContext)(WizardContext);
 }
 function Wizard({
   Header: Header4,
@@ -13286,12 +13280,12 @@ function Wizard({
   onComplete,
   children
 }) {
-  const childrenArray = import_react52.Children.toArray(children);
+  const childrenArray = import_react53.Children.toArray(children);
   const { currentStep, next, previous } = useWizardStep({
     steps: childrenArray,
     onComplete
   });
-  const value = (0, import_react52.useMemo)(() => ({ next, previous }), [next, previous]);
+  const value = (0, import_react53.useMemo)(() => ({ next, previous }), [next, previous]);
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(WizardContext.Provider, { value, children: [
     Header4,
     currentStep,
@@ -13300,7 +13294,7 @@ function Wizard({
 }
 
 // src/components/UploadTransactions/UploadTransactionsUploadCsvStep.tsx
-var import_react58 = require("react");
+var import_react59 = require("react");
 
 // src/hooks/customAccounts/useCustomAccounts.ts
 var import_swr8 = __toESM(require("swr"));
@@ -13355,7 +13349,7 @@ function useCustomAccounts() {
 }
 
 // src/components/Input/CreatableSelect.tsx
-var import_react53 = require("react");
+var import_react54 = require("react");
 var import_react_select3 = require("react-select");
 var import_creatable = __toESM(require("react-select/creatable"));
 var import_classnames32 = __toESM(require("classnames"));
@@ -13383,7 +13377,7 @@ var CreatableSelect = ({
     isInvalid ? "Layer__select--error" : "",
     className
   );
-  const DropdownIndicator2 = (0, import_react53.useCallback)((props) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_select3.components.DropdownIndicator, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ChevronDownFill_default, {}) })), []);
+  const DropdownIndicator2 = (0, import_react54.useCallback)((props) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_select3.components.DropdownIndicator, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ChevronDownFill_default, {}) })), []);
   return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Tooltip, { disabled: !isInvalid || !errorMessage, children: [
     /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(TooltipTrigger, { className: "Layer__input-tooltip", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       import_creatable.default,
@@ -13413,7 +13407,7 @@ var CreatableSelect = ({
 };
 
 // src/components/CustomAccountForm/CustomAccountForm.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 
 // src/utils/form.ts
 var notEmpty = (value) => {
@@ -13430,11 +13424,11 @@ var validateEmailFormat = (email, required = false) => {
 };
 
 // src/components/CustomAccountForm/useCustomAccountForm.ts
-var import_react55 = require("react");
+var import_react56 = require("react");
 var import_react_form = require("@tanstack/react-form");
 
 // src/hooks/customAccounts/useCreateCustomAccount.ts
-var import_react54 = require("react");
+var import_react55 = require("react");
 var import_mutation5 = __toESM(require("swr/mutation"));
 var import_swr9 = require("swr");
 var createCustomAccount = post(({ businessId }) => `/v1/businesses/${businessId}/custom-accounts`);
@@ -13473,7 +13467,7 @@ function useCreateCustomAccount() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react54.useCallback)(
+  const stableProxiedTrigger = (0, import_react55.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -13513,7 +13507,7 @@ var getCustomAccountTypeFromSubtype = (subtype) => {
   }
 };
 var useCustomAccountForm = ({ onSuccess }) => {
-  const [submitError, setSubmitError] = (0, import_react55.useState)(void 0);
+  const [submitError, setSubmitError] = (0, import_react56.useState)(void 0);
   const { trigger: createCustomAccount2 } = useCreateCustomAccount();
   const form = (0, import_react_form.useForm)({
     defaultValues: {
@@ -13554,12 +13548,12 @@ var accountTypeOptions = [
 var CustomAccountForm = ({ initialAccountName, onCancel, onSuccess }) => {
   const { form, submitError, isFormValid } = useCustomAccountForm({ onSuccess });
   const { isSubmitting } = form.state;
-  const onSubmit = (0, import_react56.useCallback)((e) => {
+  const onSubmit = (0, import_react57.useCallback)((e) => {
     e.preventDefault();
     e.stopPropagation();
     void form.handleSubmit();
   }, [form]);
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     form.setFieldValue("account_name", initialAccountName);
   }, [form, initialAccountName]);
   return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
@@ -13639,7 +13633,7 @@ var CustomAccountForm = ({ initialAccountName, onCancel, onSuccess }) => {
 };
 
 // src/components/CsvUpload/CsvUpload.tsx
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_react_dropzone = require("react-dropzone");
 var import_classnames33 = __toESM(require("classnames"));
 var import_lucide_react5 = require("lucide-react");
@@ -13682,8 +13676,8 @@ var FileRow = ({ file, onClearFile, asDropTarget }) => {
   ] });
 };
 var CsvUpload = ({ file, onFileSelected, replaceDropTarget = false }) => {
-  const [errorMessage, setErrorMessage] = (0, import_react57.useState)();
-  const fileInputRef = (0, import_react57.useRef)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react58.useState)();
+  const fileInputRef = (0, import_react58.useRef)(null);
   const handleBrowseClick = (e) => {
     var _a;
     e.preventDefault();
@@ -13695,7 +13689,7 @@ var CsvUpload = ({ file, onFileSelected, replaceDropTarget = false }) => {
     const fileArray = Array.from(files);
     onDrop(fileArray);
   };
-  const onDrop = (0, import_react57.useCallback)(
+  const onDrop = (0, import_react58.useCallback)(
     ([firstFile, ...restFiles], rejections = []) => {
       const hasTooManyFiles = rejections.some((r) => r.errors.some((e) => e.code === "too-many-files"));
       if (restFiles.length > 0 || hasTooManyFiles) {
@@ -13907,38 +13901,38 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
   var _a;
   const { data: customAccounts, isLoading: isLoadingCustomAccounts, error: customAccountsError } = useCustomAccounts();
   const { trigger: parseCsv2, isMutating: isParsingCsv } = useCustomAccountParseCsv();
-  const [hasParseCsvError, setHasParseCsvError] = (0, import_react58.useState)(false);
-  const accountOptions = (0, import_react58.useMemo)(() => {
+  const [hasParseCsvError, setHasParseCsvError] = (0, import_react59.useState)(false);
+  const accountOptions = (0, import_react59.useMemo)(() => {
     if (!customAccounts) return [];
     return customAccounts.map((account) => ({
       value: account.id,
       label: account.accountName
     }));
   }, [customAccounts]);
-  const onChange = (0, import_react58.useCallback)((option) => {
+  const onChange = (0, import_react59.useCallback)((option) => {
     onSelectAccount(option);
   }, [onSelectAccount]);
-  const onCreateOption = (0, import_react58.useCallback)((inputValue) => {
+  const onCreateOption = (0, import_react59.useCallback)((inputValue) => {
     onSelectAccount({
       value: "new_account",
       label: "Create new account",
       createdAccountName: inputValue
     });
   }, [onSelectAccount]);
-  const onCancelCreateAccount = (0, import_react58.useCallback)(() => {
+  const onCancelCreateAccount = (0, import_react59.useCallback)(() => {
     onSelectAccount(null);
   }, [onSelectAccount]);
-  const onCreateAccountSuccess = (0, import_react58.useCallback)((account) => {
+  const onCreateAccountSuccess = (0, import_react59.useCallback)((account) => {
     onSelectAccount({
       value: account.id,
       label: account.accountName
     });
   }, [onSelectAccount]);
-  const onFileSelected = (0, import_react58.useCallback)((file) => {
+  const onFileSelected = (0, import_react59.useCallback)((file) => {
     setHasParseCsvError(false);
     onSelectFile(file);
   }, [onSelectFile]);
-  const onClickContinue = (0, import_react58.useCallback)(() => {
+  const onClickContinue = (0, import_react59.useCallback)(() => {
     if (!selectedAccount || selectedAccount.value === "new_account" || !selectedFile) return;
     void parseCsv2({
       customAccountId: selectedAccount.value,
@@ -14021,7 +14015,7 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
 }
 
 // src/components/UploadTransactions/UploadTransactionsValidateCsvStep.tsx
-var import_react60 = require("react");
+var import_react61 = require("react");
 var import_lucide_react8 = require("lucide-react");
 
 // src/hooks/customAccounts/useCreateCustomAccountTransactions.ts
@@ -14070,7 +14064,7 @@ function useCreateCustomAccountTransactions() {
 }
 
 // src/components/CsvUpload/ValidateCsvTable.tsx
-var import_react59 = require("react");
+var import_react60 = require("react");
 var import_classnames35 = __toESM(require("classnames"));
 var import_react_table = require("@tanstack/react-table");
 var import_react_virtual = require("@tanstack/react-virtual");
@@ -14078,7 +14072,7 @@ var import_jsx_runtime101 = require("react/jsx-runtime");
 var ROW_HEIGHT = 52;
 var BODY_HEIGHT = ROW_HEIGHT * 10;
 function ValidateCsvTable({ data, headers, formatters: formatters2, className }) {
-  const columns = (0, import_react59.useMemo)(
+  const columns = (0, import_react60.useMemo)(
     () => {
       const baseCellClassName = "Layer__table-cell-content Layer__csv-upload__validate-csv-table__cell-content";
       const columnDefs = [{
@@ -14119,7 +14113,7 @@ function ValidateCsvTable({ data, headers, formatters: formatters2, className })
     },
     [headers, formatters2]
   );
-  const state = (0, import_react59.useMemo)(() => ({
+  const state = (0, import_react60.useMemo)(() => ({
     sorting: [{ id: "is_valid", desc: false }],
     columnVisibility: {
       ["is_valid"]: false
@@ -14132,7 +14126,6 @@ function ValidateCsvTable({ data, headers, formatters: formatters2, className })
     getCoreRowModel: (0, import_react_table.getCoreRowModel)(),
     getSortedRowModel: (0, import_react_table.getSortedRowModel)()
   });
-  const tableContainerRef = (0, import_react59.useRef)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `${className} Layer__csv-upload__validate-csv-table__container`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("table", { className: "Layer__table", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("thead", { className: "Layer__csv-upload__validate-csv-table__thead", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("tr", { className: "Layer__csv-upload__validate-csv-table__header-row", children: headerGroup.headers.map((header) => {
       const headerCellClassName = (0, import_classnames35.default)(
@@ -14142,19 +14135,20 @@ function ValidateCsvTable({ data, headers, formatters: formatters2, className })
       );
       return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("th", { className: headerCellClassName, children: (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext()) }, header.id);
     }) }, headerGroup.id)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { ref: tableContainerRef, className: "Layer__csv-upload__validate-csv-table__scroll_container", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("table", { className: "Layer__table", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ValidateCsvTableBody, { table, tableContainerRef }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ValidateCsvTableBody, { table })
   ] });
 }
-function ValidateCsvTableBody({ table, tableContainerRef }) {
+function ValidateCsvTableBody({ table }) {
   const { rows } = table.getRowModel();
+  const containerRef = (0, import_react60.useRef)(null);
   const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
     count: rows.length,
     estimateSize: () => ROW_HEIGHT,
-    getScrollElement: () => tableContainerRef.current,
+    getScrollElement: () => containerRef.current,
     measureElement: typeof window !== "undefined" && navigator.userAgent.indexOf("Firefox") === -1 ? (element) => element == null ? void 0 : element.getBoundingClientRect().height : void 0,
     overscan: 5
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("tbody", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { ref: containerRef, className: "Layer__csv-upload__validate-csv-table__scroll_container", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("table", { className: "Layer__table", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("tbody", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("tr", { style: { height: BODY_HEIGHT }, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("td", { style: { height: BODY_HEIGHT, padding: 0 }, colSpan: table.getAllColumns().length - 1 }) }),
     rowVirtualizer.getVirtualItems().map((virtualRow) => {
       const row = rows[virtualRow.index];
@@ -14168,7 +14162,7 @@ function ValidateCsvTableBody({ table, tableContainerRef }) {
         row.id
       );
     })
-  ] });
+  ] }) }) });
 }
 function ValidateCsvTableRow({ row, virtualRow, rowVirtualizer }) {
   const tableRowClassName = (0, import_classnames35.default)(
@@ -14212,7 +14206,7 @@ function UploadTransactionsValidateCsvStep({ parseCsvResponse, selectedAccountId
     new_transactions_preview: transactionsPreview,
     new_transactions_request: transactionsRequest
   } = parseCsvResponse;
-  const onClickUploadTransactions = (0, import_react60.useCallback)(() => {
+  const onClickUploadTransactions = (0, import_react61.useCallback)(() => {
     void uploadTransactions(__spreadProps(__spreadValues({}, transactionsRequest), {
       customAccountId: selectedAccountId
     }));
@@ -14258,29 +14252,30 @@ function UploadTransactionsValidateCsvStep({ parseCsvResponse, selectedAccountId
 // src/components/UploadTransactions/UploadTransactions.tsx
 var import_jsx_runtime103 = require("react/jsx-runtime");
 function UploadTransactions({ onComplete }) {
-  const [currentStep, setCurrentStep] = (0, import_react61.useState)(0 /* UploadCsv */);
-  const [selectedAccount, setSelectedAccount] = (0, import_react61.useState)(null);
-  const [file, setFile] = (0, import_react61.useState)(null);
-  const [parseCsvResponse, setParseCsvResponse] = (0, import_react61.useState)(null);
+  const [currentStep, setCurrentStep] = (0, import_react62.useState)(0 /* UploadCsv */);
+  const [selectedAccount, setSelectedAccount] = (0, import_react62.useState)(null);
+  const [file, setFile] = (0, import_react62.useState)(null);
+  const [parseCsvResponse, setParseCsvResponse] = (0, import_react62.useState)(null);
   const isValid2 = parseCsvResponse == null ? void 0 : parseCsvResponse.is_valid;
-  const onSelectAccount = (0, import_react61.useCallback)((account) => {
+  const onSelectAccount = (0, import_react62.useCallback)((account) => {
     setSelectedAccount(account);
   }, []);
-  const onSelectFile = (0, import_react61.useCallback)((file2) => {
+  const onSelectFile = (0, import_react62.useCallback)((file2) => {
     setFile(file2);
     setParseCsvResponse(null);
   }, []);
-  const goBack = (0, import_react61.useCallback)((step = 1) => setCurrentStep(currentStep - step), [currentStep]);
-  const goForward = (0, import_react61.useCallback)((step = 1) => setCurrentStep(currentStep + step), [currentStep]);
-  const onParseCsv = (0, import_react61.useCallback)((parseCsvResponse2) => {
+  const onParseCsv = (0, import_react62.useCallback)((parseCsvResponse2) => {
     setParseCsvResponse(parseCsvResponse2);
-    goForward();
-  }, [goForward]);
-  const onReupload = (0, import_react61.useCallback)(() => {
+    setCurrentStep(1 /* ValidateCsv */);
+  }, []);
+  const goRestartFlow = (0, import_react62.useCallback)(() => {
+    setCurrentStep(0 /* UploadCsv */);
+  }, []);
+  const onReupload = (0, import_react62.useCallback)(() => {
     setFile(null);
     setParseCsvResponse(null);
-    goBack();
-  }, [goBack]);
+    setCurrentStep(0 /* UploadCsv */);
+  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("section", { className: "Layer__component", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
     Wizard,
     {
@@ -14316,7 +14311,7 @@ function UploadTransactions({ onComplete }) {
           {
             selectedAccountId: selectedAccount.value,
             parseCsvResponse,
-            onGoBack: goBack,
+            onGoBack: goRestartFlow,
             onReupload
           }
         )
@@ -14327,14 +14322,14 @@ function UploadTransactions({ onComplete }) {
 
 // src/components/BankTransactions/BankTransactions.tsx
 var import_lodash2 = __toESM(require_lodash());
-var import_react92 = require("react");
+var import_react93 = require("react");
 
 // src/hooks/useElementSize/useElementSize.ts
-var import_react62 = require("react");
+var import_react63 = require("react");
 var useElementSize = (callback) => {
-  const ref = (0, import_react62.useRef)(null);
-  const resizeTimeout = (0, import_react62.useRef)(null);
-  (0, import_react62.useLayoutEffect)(() => {
+  const ref = (0, import_react63.useRef)(null);
+  const resizeTimeout = (0, import_react63.useRef)(null);
+  (0, import_react63.useLayoutEffect)(() => {
     const element = ref == null ? void 0 : ref.current;
     if (!element) {
       return;
@@ -14365,10 +14360,10 @@ var useElementSize = (callback) => {
 };
 
 // src/hooks/useIsVisible/useIsVisible.ts
-var import_react63 = require("react");
+var import_react64 = require("react");
 var useIsVisible = (ref) => {
-  const [isIntersecting, setIntersecting] = (0, import_react63.useState)(false);
-  (0, import_react63.useEffect)(() => {
+  const [isIntersecting, setIntersecting] = (0, import_react64.useState)(false);
+  (0, import_react64.useEffect)(() => {
     if (!ref.current) {
       return;
     }
@@ -14384,7 +14379,7 @@ var useIsVisible = (ref) => {
 };
 
 // src/components/BankTransactionList/BankTransactionListItem.tsx
-var import_react77 = require("react");
+var import_react78 = require("react");
 
 // src/icons/File.tsx
 var import_jsx_runtime104 = require("react/jsx-runtime");
@@ -14452,7 +14447,7 @@ var File = (_a) => {
 var File_default = File;
 
 // src/components/BankTransactionRow/BankTransactionRow.tsx
-var import_react76 = require("react");
+var import_react77 = require("react");
 
 // src/icons/Scissors.tsx
 var import_jsx_runtime105 = require("react/jsx-runtime");
@@ -14753,10 +14748,10 @@ var MinimizeTwo = (_a) => {
 var MinimizeTwo_default = MinimizeTwo;
 
 // src/components/CategorySelect/CategorySelectDrawer.tsx
-var import_react65 = require("react");
+var import_react66 = require("react");
 
 // src/components/BankTransactionMobileList/BusinessCategories.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 
 // src/components/ActionableList/ActionableList.tsx
 var import_classnames36 = __toESM(require("classnames"));
@@ -14922,8 +14917,8 @@ var BusinessCategories = ({
   const categoryOptions = flattenCategories(
     (categories != null ? categories : []).filter((category) => category.type != "ExclusionNested")
   );
-  const [optionsToShow, setOptionsToShow] = (0, import_react64.useState)(categoryOptions);
-  const [selectedGroup, setSelectedGroup] = (0, import_react64.useState)();
+  const [optionsToShow, setOptionsToShow] = (0, import_react65.useState)(categoryOptions);
+  const [selectedGroup, setSelectedGroup] = (0, import_react65.useState)();
   const onCategorySelect = (v) => {
     if (v.value.type === "GROUP" && v.value.items) {
       setOptionsToShow(v.value.items);
@@ -14962,7 +14957,7 @@ var CategorySelectDrawer = ({
   showTooltips: _showTooltips
 }) => {
   var _a, _b;
-  const { setContent, close: close2 } = (0, import_react65.useContext)(DrawerContext);
+  const { setContent, close: close2 } = (0, import_react66.useContext)(DrawerContext);
   const onDrawerCategorySelect = (value) => {
     close2();
     onSelect(value);
@@ -15257,7 +15252,7 @@ var CategorySelect = ({
 };
 
 // src/components/ExpandedBankTransactionRow/ExpandedBankTransactionRow.tsx
-var import_react74 = require("react");
+var import_react75 = require("react");
 
 // src/icons/ScissorsFullOpen.tsx
 var import_jsx_runtime114 = require("react/jsx-runtime");
@@ -15386,19 +15381,19 @@ var Trash = (_a) => {
 var Trash_default = Trash;
 
 // src/components/BankTransactionReceipts/BankTransactionReceipts.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 
 // src/contexts/ReceiptsContext/ReceiptsContext.ts
-var import_react66 = require("react");
-var ReceiptsContext = (0, import_react66.createContext)({
+var import_react67 = require("react");
+var ReceiptsContext = (0, import_react67.createContext)({
   receiptUrls: [],
   uploadReceipt: () => Promise.resolve(),
   archiveDocument: () => Promise.resolve()
 });
-var useReceiptsContext = () => (0, import_react66.useContext)(ReceiptsContext);
+var useReceiptsContext = () => (0, import_react67.useContext)(ReceiptsContext);
 
 // src/hooks/useReceipts/useReceipts.ts
-var import_react67 = require("react");
+var import_react68 = require("react");
 var import_date_fns13 = require("date-fns");
 var readDate = (date) => {
   if (!date) return void 0;
@@ -15412,8 +15407,8 @@ var useReceipts = ({
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
   const { updateOneLocal: updateBankTransaction } = useBankTransactionsContext();
-  const [receiptUrls, setReceiptUrls] = (0, import_react67.useState)([]);
-  (0, import_react67.useEffect)(() => {
+  const [receiptUrls, setReceiptUrls] = (0, import_react68.useState)([]);
+  (0, import_react68.useEffect)(() => {
     if (isActive && receiptUrls.length === 0 && hasReceipts(bankTransaction)) {
       void fetchDocuments();
     }
@@ -15706,12 +15701,12 @@ var openReceiptInNewTab = (url, index) => (e) => {
       `);
   }
 };
-var BankTransactionReceiptsWithProvider = (0, import_react68.forwardRef)((_a, ref) => {
+var BankTransactionReceiptsWithProvider = (0, import_react69.forwardRef)((_a, ref) => {
   var _b = _a, { bankTransaction, isActive } = _b, props = __objRest(_b, ["bankTransaction", "isActive"]);
   return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(ReceiptsProvider, { bankTransaction, isActive, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(BankTransactionReceipts, __spreadProps(__spreadValues({}, props), { ref })) });
 });
 BankTransactionReceiptsWithProvider.displayName = "BankTransactionReceiptsWithProvider";
-var BankTransactionReceipts = (0, import_react68.forwardRef)(
+var BankTransactionReceipts = (0, import_react69.forwardRef)(
   ({
     classNamePrefix = "Layer",
     floatingActions = false,
@@ -15719,7 +15714,7 @@ var BankTransactionReceipts = (0, import_react68.forwardRef)(
     label
   }, ref) => {
     const { receiptUrls, uploadReceipt, archiveDocument } = useReceiptsContext();
-    (0, import_react68.useImperativeHandle)(ref, () => ({
+    (0, import_react69.useImperativeHandle)(ref, () => ({
       uploadReceipt
     }));
     return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: `${classNamePrefix}__file-upload`, children: [
@@ -15763,19 +15758,19 @@ BankTransactionReceipts.displayName = "BankTransactionReceipts";
 var import_swr11 = __toESM(require("swr"));
 
 // src/providers/LegacyModeProvider/LegacyModeProvider.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_jsx_runtime120 = require("react/jsx-runtime");
-var LegacyModeContext = (0, import_react69.createContext)({
+var LegacyModeContext = (0, import_react70.createContext)({
   overrideMode: void 0
 });
 function useLegacyMode() {
-  return (0, import_react69.useContext)(LegacyModeContext);
+  return (0, import_react70.useContext)(LegacyModeContext);
 }
 function LegacyModeProvider({
   overrideMode,
   children
 }) {
-  const memoizedValue = (0, import_react69.useMemo)(() => ({ overrideMode }), [overrideMode]);
+  const memoizedValue = (0, import_react70.useMemo)(() => ({ overrideMode }), [overrideMode]);
   return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(LegacyModeContext.Provider, { value: memoizedValue, children });
 }
 
@@ -16088,10 +16083,10 @@ var MatchFormMobile = ({
 };
 
 // src/components/Toggle/Toggle.tsx
-var import_react70 = require("react");
+var import_react71 = require("react");
 var import_classnames42 = __toESM(require("classnames"));
 var import_jsx_runtime124 = require("react/jsx-runtime");
-var import_react71 = require("react");
+var import_react72 = require("react");
 var Toggle = ({
   name,
   options,
@@ -16099,10 +16094,10 @@ var Toggle = ({
   onChange,
   size = "medium" /* medium */
 }) => {
-  const [currentWidth, setCurrentWidth] = (0, import_react70.useState)(0);
-  const [thumbPos, setThumbPos] = (0, import_react70.useState)({ left: 0, width: 0 });
-  const [initialized, setInitialized] = (0, import_react70.useState)(false);
-  const activeOption = (0, import_react70.useMemo)(() => {
+  const [currentWidth, setCurrentWidth] = (0, import_react71.useState)(0);
+  const [thumbPos, setThumbPos] = (0, import_react71.useState)({ left: 0, width: 0 });
+  const [initialized, setInitialized] = (0, import_react71.useState)(false);
+  const activeOption = (0, import_react71.useMemo)(() => {
     return selected ? selected : options.length > 0 ? options[0].value : void 0;
   }, [selected, options]);
   const toggleRef = useElementSize((_a, _b, c) => {
@@ -16142,14 +16137,14 @@ var Toggle = ({
     shift2 = shift2 + (size === "medium" /* medium */ ? 2 : 1.5);
     setThumbPos({ left: shift2, width });
   };
-  (0, import_react70.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateThumbPosition(selectedIndex);
     setTimeout(() => {
       setInitialized(true);
     }, 400);
   }, []);
-  (0, import_react70.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateThumbPosition(selectedIndex);
   }, [currentWidth]);
@@ -16165,7 +16160,7 @@ var Toggle = ({
   return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: baseClassName, ref: toggleRef, children: [
     options.map((option, index) => {
       var _a;
-      return /* @__PURE__ */ (0, import_react71.createElement)(
+      return /* @__PURE__ */ (0, import_react72.createElement)(
         ToggleOption,
         __spreadProps(__spreadValues({}, option), {
           size,
@@ -16250,7 +16245,7 @@ var ToggleOption = ({
 };
 
 // src/components/ExpandedBankTransactionRow/APIErrorNotifications.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 var import_jsx_runtime125 = require("react/jsx-runtime");
 var ERROR_TITLE = "Approval Failed";
 var ERROR_MESSAGE = "Something went wrong, try again later";
@@ -16261,7 +16256,7 @@ var APIErrorNotifications = ({
   bankTransaction,
   containerWidth
 }) => {
-  const [notifications, setNotifications] = (0, import_react72.useState)([]);
+  const [notifications, setNotifications] = (0, import_react73.useState)([]);
   const pushNotification = (title, message) => {
     const timestamp = (/* @__PURE__ */ new Date()).valueOf();
     if (notificationsCache.find(
@@ -16290,7 +16285,7 @@ var APIErrorNotifications = ({
     );
     setNotifications(notificationsCache.concat());
   };
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (bankTransaction.error) {
       pushNotification(ERROR_TITLE, ERROR_MESSAGE);
     }
@@ -16315,8 +16310,8 @@ var Notification = ({
   notification,
   deleteNotification
 }) => {
-  const [visible, setVisible] = (0, import_react72.useState)(false);
-  (0, import_react72.useEffect)(() => {
+  const [visible, setVisible] = (0, import_react73.useState)(false);
+  (0, import_react73.useEffect)(() => {
     setVisible(true);
     const timer = setTimeout(() => {
       hideNotification();
@@ -16427,7 +16422,7 @@ function useBankTransactionMetadata({ bankTransactionId }) {
 // src/hooks/useBankTransactions/useUpdateBankTransactionMetadata.ts
 var import_mutation8 = __toESM(require("swr/mutation"));
 var import_swr13 = require("swr");
-var import_react73 = require("react");
+var import_react74 = require("react");
 var UPDATE_BANK_TRANSACTION_METADATA_TAG_KEY = "#update-bank-transaction-metadata";
 function buildKey15({
   access_token: accessToken,
@@ -16476,7 +16471,7 @@ function useUpdateBankTransactionMetadata({ bankTransactionId, onSuccess }) {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react73.useCallback)(
+  const stableProxiedTrigger = (0, import_react74.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -16571,7 +16566,7 @@ var validateSplit = (splitData) => {
   });
   return valid;
 };
-var ExpandedBankTransactionRow = (0, import_react74.forwardRef)(
+var ExpandedBankTransactionRow = (0, import_react75.forwardRef)(
   ({
     bankTransaction,
     isOpen = false,
@@ -16589,19 +16584,19 @@ var ExpandedBankTransactionRow = (0, import_react74.forwardRef)(
       categorize: categorizeBankTransaction2,
       match: matchBankTransaction2
     } = useBankTransactionsContext();
-    const [purpose, setPurpose] = (0, import_react74.useState)(
+    const [purpose, setPurpose] = (0, import_react75.useState)(
       bankTransaction.category ? "categorize" /* categorize */ : hasMatch(bankTransaction) ? "match" /* match */ : "categorize" /* categorize */
     );
-    const [selectedMatchId, setSelectedMatchId] = (0, import_react74.useState)(
+    const [selectedMatchId, setSelectedMatchId] = (0, import_react75.useState)(
       (_c = isAlreadyMatched2(bankTransaction)) != null ? _c : (_b = (_a = bankTransaction == null ? void 0 : bankTransaction.suggested_matches) == null ? void 0 : _a[0]) == null ? void 0 : _b.id
     );
-    const [matchFormError, setMatchFormError] = (0, import_react74.useState)();
-    const [splitFormError, setSplitFormError] = (0, import_react74.useState)();
-    const [height, setHeight] = (0, import_react74.useState)(0);
-    const [isOver, setOver] = (0, import_react74.useState)(false);
-    const bodyRef = (0, import_react74.useRef)(null);
+    const [matchFormError, setMatchFormError] = (0, import_react75.useState)();
+    const [splitFormError, setSplitFormError] = (0, import_react75.useState)();
+    const [height, setHeight] = (0, import_react75.useState)(0);
+    const [isOver, setOver] = (0, import_react75.useState)(false);
+    const bodyRef = (0, import_react75.useRef)(null);
     const defaultCategory = bankTransaction.category ? bankTransaction.category : hasSuggestions(bankTransaction.categorization_flow) ? (_d = bankTransaction.categorization_flow) == null ? void 0 : _d.suggestions.at(0) : void 0;
-    const [rowState, updateRowState] = (0, import_react74.useState)({
+    const [rowState, updateRowState] = (0, import_react75.useState)({
       splits: ((_e = bankTransaction.category) == null ? void 0 : _e.entries) ? (_f = bankTransaction.category) == null ? void 0 : _f.entries.map((c) => {
         return c.type === "ExclusionSplitEntry" && c.category.type === "ExclusionNested" ? {
           amount: c.amount || 0,
@@ -16732,7 +16727,7 @@ var ExpandedBankTransactionRow = (0, import_react74.forwardRef)(
       );
       close2();
     });
-    (0, import_react74.useImperativeHandle)(ref, () => ({
+    (0, import_react75.useImperativeHandle)(ref, () => ({
       save
     }));
     const onMatchSubmit = (matchId) => __async(null, null, function* () {
@@ -16746,11 +16741,11 @@ var ExpandedBankTransactionRow = (0, import_react74.forwardRef)(
       yield matchBankTransaction2(bankTransaction.id, foundMatch.id);
       close2();
     });
-    const getDivHeight = (0, import_react74.useCallback)(() => {
+    const getDivHeight = (0, import_react75.useCallback)(() => {
       const { height: height2 } = bodyRef.current ? bodyRef.current.getBoundingClientRect() : { height: void 0 };
       return height2 || 0;
     }, []);
-    const handleTransitionEnd = (0, import_react74.useCallback)(
+    const handleTransitionEnd = (0, import_react75.useCallback)(
       (e) => {
         if (e.propertyName === "height") {
           setHeight(isOpen ? "auto" : 0);
@@ -16761,7 +16756,7 @@ var ExpandedBankTransactionRow = (0, import_react74.forwardRef)(
       },
       [isOpen]
     );
-    (0, import_react74.useEffect)(() => {
+    (0, import_react75.useEffect)(() => {
       setHeight(getDivHeight());
       setOver(false);
       if (!isOpen) {
@@ -17265,13 +17260,13 @@ var BankTransactionProcessingInfo = () => /* @__PURE__ */ (0, import_jsx_runtime
 ] });
 
 // src/hooks/visibility/useDelayedVisibility.ts
-var import_react75 = require("react");
+var import_react76 = require("react");
 function useDelayedVisibility({
   delay,
   initialVisibility = false
 }) {
-  const [isVisible, setIsVisible] = (0, import_react75.useState)(initialVisibility);
-  (0, import_react75.useEffect)(
+  const [isVisible, setIsVisible] = (0, import_react76.useState)(initialVisibility);
+  (0, import_react76.useEffect)(
     () => {
       const timer = setTimeout(() => {
         setIsVisible(true);
@@ -17320,17 +17315,17 @@ var BankTransactionRow = ({
   stringOverrides
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const expandedRowRef = (0, import_react76.useRef)(null);
-  const [showRetry, setShowRetry] = (0, import_react76.useState)(false);
+  const expandedRowRef = (0, import_react77.useRef)(null);
+  const [showRetry, setShowRetry] = (0, import_react77.useState)(false);
   const {
     categorize: categorizeBankTransaction2,
     match: matchBankTransaction2,
     shouldHideAfterCategorize
   } = useBankTransactionsContext();
-  const [selectedCategory, setSelectedCategory] = (0, import_react76.useState)(
+  const [selectedCategory, setSelectedCategory] = (0, import_react77.useState)(
     getDefaultSelectedCategory(bankTransaction)
   );
-  const [open2, setOpen] = (0, import_react76.useState)(false);
+  const [open2, setOpen] = (0, import_react77.useState)(false);
   const toggleOpen = () => {
     setShowRetry(false);
     setOpen(!open2);
@@ -17346,12 +17341,12 @@ var BankTransactionRow = ({
       }
     }
   };
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
     }
   }, [bankTransaction.error]);
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     if (editable && bankTransaction.recently_categorized && shouldHideAfterCategorize()) {
       setTimeout(() => {
         removeTransaction(bankTransaction);
@@ -17394,7 +17389,7 @@ var BankTransactionRow = ({
     initialLoad ? "initial-load" : "",
     isVisible ? "show" : ""
   );
-  const showReceiptDataProperties = (0, import_react76.useMemo)(
+  const showReceiptDataProperties = (0, import_react77.useMemo)(
     () => toDataProperties({ "show-receipt-upload-column": showReceiptUploadColumn }),
     [showReceiptUploadColumn]
   );
@@ -17664,17 +17659,17 @@ var BankTransactionListItem = ({
   stringOverrides
 }) => {
   var _a, _b;
-  const expandedRowRef = (0, import_react77.useRef)(null);
-  const [showRetry, setShowRetry] = (0, import_react77.useState)(false);
+  const expandedRowRef = (0, import_react78.useRef)(null);
+  const [showRetry, setShowRetry] = (0, import_react78.useState)(false);
   const {
     categorize: categorizeBankTransaction2,
     match: matchBankTransaction2,
     shouldHideAfterCategorize
   } = useBankTransactionsContext();
-  const [selectedCategory, setSelectedCategory] = (0, import_react77.useState)(
+  const [selectedCategory, setSelectedCategory] = (0, import_react78.useState)(
     getDefaultSelectedCategory(bankTransaction)
   );
-  const [open2, setOpen] = (0, import_react77.useState)(false);
+  const [open2, setOpen] = (0, import_react78.useState)(false);
   const toggleOpen = () => {
     setShowRetry(false);
     setOpen(!open2);
@@ -17682,12 +17677,12 @@ var BankTransactionListItem = ({
   const bookkeepingStatus = useEffectiveBookkeepingStatus();
   const categorizationEnabled = isCategorizationEnabledForStatus(bookkeepingStatus);
   const { isVisible } = useDelayedVisibility({ delay: index * 80 });
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
     }
   }, [bankTransaction.error]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (editable && bankTransaction.recently_categorized && shouldHideAfterCategorize()) {
       setTimeout(() => {
         removeTransaction(bankTransaction);
@@ -17855,10 +17850,10 @@ var BankTransactionList = ({
 };
 
 // src/components/BankTransactionMobileList/BankTransactionMobileListItem.tsx
-var import_react84 = require("react");
+var import_react85 = require("react");
 
 // src/components/BankTransactionMobileList/BusinessForm.tsx
-var import_react78 = require("react");
+var import_react79 = require("react");
 
 // src/icons/Paperclip.tsx
 var import_jsx_runtime139 = require("react/jsx-runtime");
@@ -17897,19 +17892,19 @@ var BusinessForm = ({
   showReceiptUploads,
   showDescriptions
 }) => {
-  const receiptsRef = (0, import_react78.useRef)(null);
-  const { setContent, close: close2 } = (0, import_react78.useContext)(DrawerContext);
+  const receiptsRef = (0, import_react79.useRef)(null);
+  const { setContent, close: close2 } = (0, import_react79.useContext)(DrawerContext);
   const { categorize: categorizeBankTransaction2, isLoading } = useBankTransactionsContext();
-  const [selectedCategory, setSelectedCategory] = (0, import_react78.useState)(
+  const [selectedCategory, setSelectedCategory] = (0, import_react79.useState)(
     getAssignedValue(bankTransaction)
   );
-  const [showRetry, setShowRetry] = (0, import_react78.useState)(false);
-  (0, import_react78.useEffect)(() => {
+  const [showRetry, setShowRetry] = (0, import_react79.useState)(false);
+  (0, import_react79.useEffect)(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
     }
   }, [bankTransaction.error]);
-  const options = (0, import_react78.useMemo)(() => {
+  const options = (0, import_react79.useMemo)(() => {
     var _a;
     const options2 = ((_a = bankTransaction == null ? void 0 : bankTransaction.categorization_flow) == null ? void 0 : _a.type) === "ASK_FROM_SUGGESTIONS" /* ASK_FROM_SUGGESTIONS */ ? bankTransaction.categorization_flow.suggestions.map(
       (x) => mapCategoryToOption(x)
@@ -18045,7 +18040,7 @@ var BusinessForm = ({
 };
 
 // src/components/BankTransactionMobileList/PersonalForm.tsx
-var import_react79 = require("react");
+var import_react80 = require("react");
 
 // src/components/BankTransactionMobileList/constants.ts
 var PersonalCategories = /* @__PURE__ */ ((PersonalCategories2) => {
@@ -18073,10 +18068,10 @@ var PersonalForm = ({
   showDescriptions,
   showCategorization
 }) => {
-  const receiptsRef = (0, import_react79.useRef)(null);
+  const receiptsRef = (0, import_react80.useRef)(null);
   const { categorize: categorizeBankTransaction2, isLoading } = useBankTransactionsContext();
-  const [showRetry, setShowRetry] = (0, import_react79.useState)(false);
-  (0, import_react79.useEffect)(() => {
+  const [showRetry, setShowRetry] = (0, import_react80.useState)(false);
+  (0, import_react80.useEffect)(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
     }
@@ -18146,10 +18141,10 @@ var PersonalForm = ({
 };
 
 // src/components/BankTransactionMobileList/SplitAndMatchForm.tsx
-var import_react82 = require("react");
+var import_react83 = require("react");
 
 // src/components/BankTransactionMobileList/MatchForm.tsx
-var import_react80 = require("react");
+var import_react81 = require("react");
 var import_classnames49 = __toESM(require("classnames"));
 var import_jsx_runtime142 = require("react/jsx-runtime");
 var MatchForm2 = ({
@@ -18159,14 +18154,14 @@ var MatchForm2 = ({
   showCategorization
 }) => {
   var _a, _b;
-  const receiptsRef = (0, import_react80.useRef)(null);
+  const receiptsRef = (0, import_react81.useRef)(null);
   const { match: matchBankTransaction2, isLoading } = useBankTransactionsContext();
-  const [selectedMatchId, setSelectedMatchId] = (0, import_react80.useState)(
+  const [selectedMatchId, setSelectedMatchId] = (0, import_react81.useState)(
     (_b = isAlreadyMatched(bankTransaction)) != null ? _b : bankTransaction.suggested_matches && ((_a = bankTransaction.suggested_matches) == null ? void 0 : _a.length) > 0 ? bankTransaction.suggested_matches[0].id : void 0
   );
-  const [formError, setFormError] = (0, import_react80.useState)();
-  const [showRetry, setShowRetry] = (0, import_react80.useState)(false);
-  (0, import_react80.useEffect)(() => {
+  const [formError, setFormError] = (0, import_react81.useState)();
+  const [showRetry, setShowRetry] = (0, import_react81.useState)(false);
+  (0, import_react81.useEffect)(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
     } else if (showRetry) {
@@ -18257,7 +18252,7 @@ var MatchForm2 = ({
 };
 
 // src/components/BankTransactionMobileList/SplitForm.tsx
-var import_react81 = require("react");
+var import_react82 = require("react");
 var import_classnames50 = __toESM(require("classnames"));
 var import_jsx_runtime143 = require("react/jsx-runtime");
 var SplitForm = ({
@@ -18268,13 +18263,13 @@ var SplitForm = ({
   showDescriptions
 }) => {
   var _a, _b, _c, _d;
-  const receiptsRef = (0, import_react81.useRef)(null);
+  const receiptsRef = (0, import_react82.useRef)(null);
   const {
     categorize: categorizeBankTransaction2,
     isLoading
   } = useBankTransactionsContext();
   const defaultCategory = bankTransaction.category || hasSuggestions(bankTransaction.categorization_flow) && ((_b = (_a = bankTransaction.categorization_flow) == null ? void 0 : _a.suggestions) == null ? void 0 : _b[0]);
-  const [rowState, updateRowState] = (0, import_react81.useState)({
+  const [rowState, updateRowState] = (0, import_react82.useState)({
     splits: ((_c = bankTransaction.category) == null ? void 0 : _c.entries) ? (_d = bankTransaction.category) == null ? void 0 : _d.entries.map((c) => {
       return c.type === "ExclusionSplitEntry" && c.category.type === "ExclusionNested" ? {
         amount: c.amount || 0,
@@ -18300,9 +18295,9 @@ var SplitForm = ({
     description: "",
     file: void 0
   });
-  const [formError, setFormError] = (0, import_react81.useState)();
-  const [showRetry, setShowRetry] = (0, import_react81.useState)(false);
-  (0, import_react81.useEffect)(() => {
+  const [formError, setFormError] = (0, import_react82.useState)();
+  const [showRetry, setShowRetry] = (0, import_react82.useState)(false);
+  (0, import_react82.useEffect)(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
     }
@@ -18526,7 +18521,7 @@ var SplitAndMatchForm = ({
   showCategorization
 }) => {
   const anyMatch = hasMatch(bankTransaction);
-  const [formType, setFormType] = (0, import_react82.useState)(
+  const [formType, setFormType] = (0, import_react83.useState)(
     bankTransaction.category ? "categorize" /* categorize */ : anyMatch ? "match" /* match */ : "categorize" /* categorize */
   );
   return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "Layer__bank-transaction-mobile-list-item__split-and-match-form", children: [
@@ -18606,9 +18601,9 @@ var BankTransactionMobileForms = ({
 };
 
 // src/components/BankTransactionMobileList/TransactionToOpenContext.ts
-var import_react83 = require("react");
+var import_react84 = require("react");
 var useTransactionToOpen = () => {
-  const [transactionIdToOpen, setTransactionIdToOpen] = (0, import_react83.useState)(void 0);
+  const [transactionIdToOpen, setTransactionIdToOpen] = (0, import_react84.useState)(void 0);
   const clearTransactionIdToOpen = () => setTransactionIdToOpen(void 0);
   return {
     transactionIdToOpen,
@@ -18616,7 +18611,7 @@ var useTransactionToOpen = () => {
     clearTransactionIdToOpen
   };
 };
-var TransactionToOpenContext = (0, import_react83.createContext)({
+var TransactionToOpenContext = (0, import_react84.createContext)({
   transactionIdToOpen: void 0,
   setTransactionIdToOpen: () => void 0,
   clearTransactionIdToOpen: () => void 0
@@ -18653,7 +18648,7 @@ var BankTransactionMobileListItem = ({
     transactionIdToOpen,
     setTransactionIdToOpen,
     clearTransactionIdToOpen
-  } = (0, import_react84.useContext)(TransactionToOpenContext);
+  } = (0, import_react85.useContext)(TransactionToOpenContext);
   const { shouldHideAfterCategorize } = useBankTransactionsContext();
   const formRowRef = useElementSize(
     (_a2, _b, { height: height2 }) => setHeight(height2)
@@ -18661,14 +18656,14 @@ var BankTransactionMobileListItem = ({
   const headingRowRef = useElementSize((_a2, _b, { height: height2 }) => {
     setHeadingHeight(height2);
   });
-  const itemRef = (0, import_react84.useRef)(null);
-  const [removeAnim, setRemoveAnim] = (0, import_react84.useState)(false);
-  const [purpose, setPurpose] = (0, import_react84.useState)(
+  const itemRef = (0, import_react85.useRef)(null);
+  const [removeAnim, setRemoveAnim] = (0, import_react85.useState)(false);
+  const [purpose, setPurpose] = (0, import_react85.useState)(
     bankTransaction.category ? bankTransaction.category.type === "ExclusionNested" ? "personal" /* personal */ : bankTransaction.categorization_status === "SPLIT" /* SPLIT */ ? "more" /* more */ : "business" /* business */ : hasMatch(bankTransaction) ? "more" /* more */ : "business" /* business */
   );
-  const [open2, setOpen] = (0, import_react84.useState)(isFirstItem);
-  const [height, setHeight] = (0, import_react84.useState)(0);
-  const [headingHeight, setHeadingHeight] = (0, import_react84.useState)(63);
+  const [open2, setOpen] = (0, import_react85.useState)(isFirstItem);
+  const [height, setHeight] = (0, import_react85.useState)(0);
+  const [headingHeight, setHeadingHeight] = (0, import_react85.useState)(63);
   const openNext = () => {
     if (editable && itemRef.current && itemRef.current.nextSibling) {
       const txId = itemRef.current.nextSibling.getAttribute(
@@ -18679,13 +18674,13 @@ var BankTransactionMobileListItem = ({
       }
     }
   };
-  (0, import_react84.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     if (transactionIdToOpen && transactionIdToOpen === bankTransaction.id) {
       setOpen(true);
       clearTransactionIdToOpen();
     }
   }, [transactionIdToOpen]);
-  (0, import_react84.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     if (!removeAnim && bankTransaction.recently_categorized) {
       if (editable && shouldHideAfterCategorize()) {
         setRemoveAnim(true);
@@ -18709,7 +18704,7 @@ var BankTransactionMobileListItem = ({
     setOpen(false);
     setHeight(0);
   };
-  (0, import_react84.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     if (editable && bankTransaction.recently_categorized && shouldHideAfterCategorize()) {
       setTimeout(() => {
         removeTransaction(bankTransaction);
@@ -18856,7 +18851,7 @@ var BankTransactionMobileList = ({
 };
 
 // src/components/BankTransactionsTable/BankTransactionsTable.tsx
-var import_react85 = require("react");
+var import_react86 = require("react");
 
 // src/components/SkeletonLoader/SkeletonLoader.tsx
 var import_classnames52 = __toESM(require("classnames"));
@@ -19028,7 +19023,7 @@ var BankTransactionsTable = ({
       return ((_a2 = transaction.document_ids) == null ? void 0 : _a2.length) > 0;
     }
   ))) != null ? _a : false;
-  const showReceiptDataProperties = (0, import_react85.useMemo)(
+  const showReceiptDataProperties = (0, import_react86.useMemo)(
     () => toDataProperties({ "show-receipt-upload-column": showReceiptColumn }),
     [showReceiptColumn]
   );
@@ -19093,7 +19088,7 @@ var BankTransactionsTable = ({
 };
 
 // src/components/ErrorBoundary/ErrorBoundary.tsx
-var import_react86 = require("react");
+var import_react87 = require("react");
 
 // src/components/ErrorBoundary/ErrorBoundaryMessage.tsx
 var import_jsx_runtime153 = require("react/jsx-runtime");
@@ -19110,7 +19105,7 @@ var ErrorBoundaryMessage = () => {
 
 // src/components/ErrorBoundary/ErrorBoundary.tsx
 var import_jsx_runtime154 = require("react/jsx-runtime");
-var ErrorBoundary = class extends import_react86.Component {
+var ErrorBoundary = class extends import_react87.Component {
   constructor(props) {
     super(props);
     __publicField(this, "onError");
@@ -19136,7 +19131,7 @@ var ErrorBoundary = class extends import_react86.Component {
 };
 
 // src/hooks/usePagination/usePagination.ts
-var import_react87 = require("react");
+var import_react88 = require("react");
 
 // src/utils/helpers.ts
 var range = (start, end) => {
@@ -19152,7 +19147,7 @@ var usePagination = ({
   siblingCount = 1,
   currentPage
 }) => {
-  const paginationRange = (0, import_react87.useMemo)(() => {
+  const paginationRange = (0, import_react88.useMemo)(() => {
     const totalPageCount = Math.ceil(totalCount / pageSize);
     const totalPageNumbers = siblingCount + 5;
     if (totalPageNumbers >= totalPageCount) {
@@ -19288,21 +19283,21 @@ var PaginationContent = ({
 };
 
 // src/components/BankTransactions/BankTransactionsHeader.tsx
-var import_react90 = require("react");
+var import_react91 = require("react");
 var import_classnames55 = __toESM(require("classnames"));
 var import_date_fns21 = require("date-fns");
 
 // src/hooks/useDebounce/useDebounce.ts
-var import_react88 = require("react");
+var import_react89 = require("react");
 var import_lodash = __toESM(require_lodash());
 var DEFAULT_WAIT = 300;
 var DEFAULT_MAX_WAIT = 2 * DEFAULT_WAIT;
 function useDebounce(fn) {
-  const internalFnRef = (0, import_react88.useRef)(fn);
-  (0, import_react88.useEffect)(() => {
+  const internalFnRef = (0, import_react89.useRef)(fn);
+  (0, import_react89.useEffect)(() => {
     internalFnRef.current = fn;
   }, [fn]);
-  const debouncedCallback = (0, import_react88.useMemo)(() => {
+  const debouncedCallback = (0, import_react89.useMemo)(() => {
     const internalFn = (...args) => {
       internalFnRef.current(...args);
     };
@@ -19421,7 +19416,7 @@ function useBankTransactionsDownload() {
 }
 
 // src/components/utility/InvisibleDownload.tsx
-var import_react89 = require("react");
+var import_react90 = require("react");
 
 // src/utils/delay/runDelayed.ts
 var DEFAULT_DELAY_MS = 50;
@@ -19434,17 +19429,17 @@ function runDelayedSync(block, delayMs = DEFAULT_DELAY_MS) {
 // src/components/utility/InvisibleDownload.tsx
 var import_jsx_runtime159 = require("react/jsx-runtime");
 function useInvisibleDownload() {
-  const invisibleDownloadRef = (0, import_react89.useRef)(null);
-  const triggerInvisibleDownload = (0, import_react89.useCallback)((options) => {
+  const invisibleDownloadRef = (0, import_react90.useRef)(null);
+  const triggerInvisibleDownload = (0, import_react90.useCallback)((options) => {
     var _a;
     void ((_a = invisibleDownloadRef.current) == null ? void 0 : _a.trigger(options));
   }, []);
   return { invisibleDownloadRef, triggerInvisibleDownload };
 }
 var CLASS_NAME9 = "Layer__InvisibleDownload";
-var InvisibleDownload = (0, import_react89.forwardRef)((_props, ref) => {
-  const internalRef = (0, import_react89.useRef)(null);
-  (0, import_react89.useImperativeHandle)(ref, () => ({
+var InvisibleDownload = (0, import_react90.forwardRef)((_props, ref) => {
+  const internalRef = (0, import_react90.useRef)(null);
+  (0, import_react90.useImperativeHandle)(ref, () => ({
     trigger: (_0) => __async(null, [_0], function* ({ url }) {
       var _a;
       (_a = internalRef.current) == null ? void 0 : _a.setAttribute("href", url);
@@ -19454,7 +19449,7 @@ var InvisibleDownload = (0, import_react89.forwardRef)((_props, ref) => {
       });
     })
   }));
-  const handleContainClick = (0, import_react89.useCallback)((event) => {
+  const handleContainClick = (0, import_react90.useCallback)((event) => {
     event.stopPropagation();
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("a", { download: true, className: CLASS_NAME9, ref: internalRef, onClick: handleContainClick });
@@ -19466,14 +19461,14 @@ var InvisibleDownload_default = InvisibleDownload;
 var import_jsx_runtime160 = require("react/jsx-runtime");
 function TransactionsSearch({ slot }) {
   const { filters, setFilters } = useBankTransactionsContext();
-  const [localSearch, setLocalSearch] = (0, import_react90.useState)(() => {
+  const [localSearch, setLocalSearch] = (0, import_react91.useState)(() => {
     var _a;
     return (_a = filters == null ? void 0 : filters.descriptionFilter) != null ? _a : "";
   });
   const debouncedSetDescription = useDebounce((value) => {
     setFilters({ descriptionFilter: value });
   });
-  const handleSearch = (0, import_react90.useCallback)((value) => {
+  const handleSearch = (0, import_react91.useCallback)((value) => {
     setLocalSearch(value);
     void debouncedSetDescription(value);
   }, [debouncedSetDescription]);
@@ -19605,7 +19600,7 @@ var BankTransactionsHeader = ({
 };
 
 // src/components/BankTransactions/BankTransactionsTableEmptyState.tsx
-var import_react91 = require("react");
+var import_react92 = require("react");
 
 // src/icons/Inbox.tsx
 var import_jsx_runtime161 = require("react/jsx-runtime");
@@ -19655,7 +19650,7 @@ function BankTransactionsTableEmptyStates({
   isFiltered,
   isLoadingWithoutData
 }) {
-  const StateComponent = (0, import_react91.useMemo)(() => {
+  const StateComponent = (0, import_react92.useMemo)(() => {
     if (isError) {
       return /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
         DataState,
@@ -19728,13 +19723,13 @@ var BankTransactionsContent = ({
   stringOverrides
 }) => {
   var _a;
-  const [defaultDateRange] = (0, import_react92.useState)(() => ({
+  const [defaultDateRange] = (0, import_react93.useState)(() => ({
     startDate: (0, import_date_fns22.startOfMonth)(/* @__PURE__ */ new Date()),
     endDate: (0, import_date_fns22.endOfMonth)(/* @__PURE__ */ new Date())
   }));
-  const scrollPaginationRef = (0, import_react92.useRef)(null);
+  const scrollPaginationRef = (0, import_react93.useRef)(null);
   const isVisible = useIsVisible(scrollPaginationRef);
-  const [currentPage, setCurrentPage] = (0, import_react92.useState)(1);
+  const [currentPage, setCurrentPage] = (0, import_react93.useState)(1);
   const effectiveBookkeepingStatus = useEffectiveBookkeepingStatus();
   const categorizationEnabled = isCategorizationEnabledForStatus(effectiveBookkeepingStatus);
   const categorizeView = categorizeViewProp != null ? categorizeViewProp : categorizationEnabled;
@@ -19751,21 +19746,21 @@ var BankTransactionsContent = ({
     removeAfterCategorize
   } = useBankTransactionsContext();
   const { data: linkedAccounts } = useLinkedAccounts();
-  const isSyncing = (0, import_react92.useMemo)(
+  const isSyncing = (0, import_react93.useMemo)(
     () => Boolean(linkedAccounts == null ? void 0 : linkedAccounts.some((item) => item.is_syncing)),
     [linkedAccounts]
   );
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (!monthlyView && (filters == null ? void 0 : filters.dateRange)) {
       setFilters(__spreadProps(__spreadValues({}, filters), { dateRange: void 0 }));
     }
   }, [monthlyView]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (monthlyView && isVisible && !isLoading && hasMore) {
       fetchMore();
     }
   }, [monthlyView, isVisible, isLoading, hasMore]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (JSON.stringify(inputFilters) !== JSON.stringify(filters)) {
       if (effectiveBookkeepingStatus === "ACTIVE" /* ACTIVE */) {
         setFilters(__spreadProps(__spreadValues(__spreadValues({}, filters), inputFilters), {
@@ -19792,10 +19787,10 @@ var BankTransactionsContent = ({
       });
     }
   }, [inputFilters, categorizeView, categorizationEnabled]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     setCurrentPage(1);
   }, [filters]);
-  const bankTransactions = (0, import_react92.useMemo)(() => {
+  const bankTransactions = (0, import_react93.useMemo)(() => {
     if (monthlyView) {
       return data;
     }
@@ -19809,10 +19804,10 @@ var BankTransactionsContent = ({
     });
     setCurrentPage(1);
   };
-  const [shiftStickyHeader, setShiftStickyHeader] = (0, import_react92.useState)(0);
+  const [shiftStickyHeader, setShiftStickyHeader] = (0, import_react93.useState)(0);
   const debounceShiftStickyHeader = (0, import_lodash2.debounce)(setShiftStickyHeader, 500);
-  const [listView, setListView] = (0, import_react92.useState)(false);
-  const [containerWidth, setContainerWidth] = (0, import_react92.useState)(0);
+  const [listView, setListView] = (0, import_react93.useState)(false);
+  const [containerWidth, setContainerWidth] = (0, import_react93.useState)(0);
   const debounceContainerWidth = (0, import_lodash2.debounce)(setContainerWidth, 500);
   const removeTransaction = (bankTransaction) => removeAfterCategorize(bankTransaction);
   const containerRef = useElementSize((_el, _en, size) => {
@@ -19938,13 +19933,13 @@ var BankTransactionsContent = ({
 };
 
 // src/components/Integrations/Integrations.tsx
-var import_react101 = require("react");
+var import_react102 = require("react");
 
 // src/components/Integrations/IntegrationsContent.tsx
-var import_react97 = require("react");
+var import_react98 = require("react");
 
 // src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksItemThumb.tsx
-var import_react96 = require("react");
+var import_react97 = require("react");
 
 // src/icons/QuickbooksIcon.tsx
 var import_jsx_runtime164 = require("react/jsx-runtime");
@@ -20030,8 +20025,8 @@ var Card = ({ children, className }) => {
 };
 
 // src/contexts/QuickbooksContext/QuickbooksContext.tsx
-var import_react93 = require("react");
-var QuickbooksContext = (0, import_react93.createContext)({
+var import_react94 = require("react");
+var QuickbooksContext = (0, import_react94.createContext)({
   linkQuickbooks: () => Promise.reject(new Error("QuickbooksContext used without Provider")),
   unlinkQuickbooks: () => Promise.reject(new Error("QuickbooksContext used without Provider")),
   syncFromQuickbooks: () => {
@@ -20041,7 +20036,7 @@ var QuickbooksContext = (0, import_react93.createContext)({
 });
 
 // src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksItemThumbFooter.tsx
-var import_react94 = require("react");
+var import_react95 = require("react");
 var import_date_fns23 = require("date-fns");
 
 // src/components/Integrations/IntegrationsQuickbooksItemThumb/utils.ts
@@ -20099,7 +20094,7 @@ var getFooterConfig = (quickbooksUiState, lastSyncedAt) => {
   }
 };
 var IntegrationsQuickbooksItemThumbFooter = ({ quickbooksUiState }) => {
-  const { quickbooksConnectionStatus } = (0, import_react94.useContext)(QuickbooksContext);
+  const { quickbooksConnectionStatus } = (0, import_react95.useContext)(QuickbooksContext);
   if (!quickbooksConnectionStatus) return null;
   const { title, description, badgeVariant } = getFooterConfig(quickbooksUiState, quickbooksConnectionStatus.last_synced_at);
   return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(HStack, { className: "loadingbar", children: [
@@ -20116,14 +20111,14 @@ var IntegrationsQuickbooksItemThumbFooter = ({ quickbooksUiState }) => {
 var import_lucide_react11 = require("lucide-react");
 
 // src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksUnlinkConfirmationModal.tsx
-var import_react95 = require("react");
+var import_react96 = require("react");
 var import_jsx_runtime169 = require("react/jsx-runtime");
 function IntegrationsQuickbooksUnlinkConfirmationModalContent({ onClose }) {
-  const { unlinkQuickbooks } = (0, import_react95.useContext)(QuickbooksContext);
-  const [isProcessing, setIsProcessing] = (0, import_react95.useState)(false);
-  const [hasFailed, setHasFailed] = (0, import_react95.useState)(false);
+  const { unlinkQuickbooks } = (0, import_react96.useContext)(QuickbooksContext);
+  const [isProcessing, setIsProcessing] = (0, import_react96.useState)(false);
+  const [hasFailed, setHasFailed] = (0, import_react96.useState)(false);
   const unlinkErrorText = "Unlink failed. Check connection and retry in few seconds.";
-  const onClickUnlinkQuickbooks = (0, import_react95.useCallback)(() => {
+  const onClickUnlinkQuickbooks = (0, import_react96.useCallback)(() => {
     setIsProcessing(true);
     unlinkQuickbooks().then(() => {
       onClose();
@@ -20202,14 +20197,14 @@ var getBadgeConfig = (quickbooksUiState, hasSynced) => {
   }
 };
 var IntegrationsQuickbooksItemThumb = () => {
-  const { quickbooksConnectionStatus, syncFromQuickbooks: syncFromQuickbooks2 } = (0, import_react96.useContext)(QuickbooksContext);
-  const [hasSynced, setHasSynced] = (0, import_react96.useState)(false);
-  const [isConfirmationModalOpen, setIsConfirmationModalOpen] = (0, import_react96.useState)(false);
-  const onSync = (0, import_react96.useCallback)(() => {
+  const { quickbooksConnectionStatus, syncFromQuickbooks: syncFromQuickbooks2 } = (0, import_react97.useContext)(QuickbooksContext);
+  const [hasSynced, setHasSynced] = (0, import_react97.useState)(false);
+  const [isConfirmationModalOpen, setIsConfirmationModalOpen] = (0, import_react97.useState)(false);
+  const onSync = (0, import_react97.useCallback)(() => {
     setHasSynced(true);
     syncFromQuickbooks2();
   }, [syncFromQuickbooks2]);
-  const menuConfig = (0, import_react96.useMemo)(() => {
+  const menuConfig = (0, import_react97.useMemo)(() => {
     return [
       {
         name: "Unlink account",
@@ -20251,28 +20246,28 @@ var IntegrationsQuickbooksItemThumb = () => {
 // src/components/Integrations/IntegrationsContent.tsx
 var import_jsx_runtime171 = require("react/jsx-runtime");
 var IntegrationsContent = () => {
-  const { quickbooksConnectionStatus } = (0, import_react97.useContext)(QuickbooksContext);
+  const { quickbooksConnectionStatus } = (0, import_react98.useContext)(QuickbooksContext);
   return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", { className: "Layer__linked-accounts__list", children: (quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_connected) && /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(IntegrationsQuickbooksItemThumb, {}) });
 };
 
 // src/hooks/useQuickbooks/useQuickbooks.ts
-var import_react98 = require("react");
+var import_react99 = require("react");
 var import_date_fns24 = require("date-fns");
 var useQuickbooks = () => {
   var _a;
   const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [quickbooksConnectionStatus, setQuickbooksConnectionStatus] = (0, import_react98.useState)(void 0);
+  const [quickbooksConnectionStatus, setQuickbooksConnectionStatus] = (0, import_react99.useState)(void 0);
   const isSyncingFromQuickbooks = (_a = quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_syncing) != null ? _a : false;
-  const syncStatusIntervalRef = (0, import_react98.useRef)(null);
-  const fetchQuickbooksConnectionStatus = (0, import_react98.useCallback)(() => __async(null, null, function* () {
+  const syncStatusIntervalRef = (0, import_react99.useRef)(null);
+  const fetchQuickbooksConnectionStatus = (0, import_react99.useCallback)(() => __async(null, null, function* () {
     const newQuickbooksConnectionStatus = (yield Layer.statusOfQuickbooksConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     })()).data;
     setQuickbooksConnectionStatus(newQuickbooksConnectionStatus);
   }), [apiUrl, auth == null ? void 0 : auth.access_token, businessId, setQuickbooksConnectionStatus]);
-  (0, import_react98.useEffect)(() => {
+  (0, import_react99.useEffect)(() => {
     if (isSyncingFromQuickbooks && syncStatusIntervalRef.current === null) {
       const interval = window.setInterval(() => void fetchQuickbooksConnectionStatus(), 2e3);
       syncStatusIntervalRef.current = interval;
@@ -20282,12 +20277,12 @@ var useQuickbooks = () => {
       syncStatusIntervalRef.current = null;
     }
   }, [fetchQuickbooksConnectionStatus, isSyncingFromQuickbooks]);
-  (0, import_react98.useEffect)(() => {
+  (0, import_react99.useEffect)(() => {
     if (auth == null ? void 0 : auth.access_token) {
       void fetchQuickbooksConnectionStatus();
     }
   }, [auth == null ? void 0 : auth.access_token, fetchQuickbooksConnectionStatus]);
-  const handleSyncError = (0, import_react98.useCallback)(() => {
+  const handleSyncError = (0, import_react99.useCallback)(() => {
     setQuickbooksConnectionStatus({
       is_connected: true,
       is_syncing: false,
@@ -20295,19 +20290,19 @@ var useQuickbooks = () => {
       last_synced_at: (0, import_date_fns24.format)(/* @__PURE__ */ new Date(), "yyyy-MM-dd'T'HH:mm:ss")
     });
   }, []);
-  const syncFromQuickbooks2 = (0, import_react98.useCallback)(() => {
+  const syncFromQuickbooks2 = (0, import_react99.useCallback)(() => {
     const newQuickbooksConnectionStatus = quickbooksConnectionStatus ? __spreadProps(__spreadValues({}, quickbooksConnectionStatus), { is_syncing: true }) : void 0;
     setQuickbooksConnectionStatus(newQuickbooksConnectionStatus);
     void Layer.syncFromQuickbooks(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     }).catch(handleSyncError);
   }, [apiUrl, auth == null ? void 0 : auth.access_token, businessId, quickbooksConnectionStatus, handleSyncError]);
-  const linkQuickbooks = (0, import_react98.useCallback)(() => __async(null, null, function* () {
+  const linkQuickbooks = (0, import_react99.useCallback)(() => __async(null, null, function* () {
     return Layer.initQuickbooksOAuth(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     }).then((res) => res.data.redirect_url);
   }), [apiUrl, auth == null ? void 0 : auth.access_token, businessId]);
-  const unlinkQuickbooks = (0, import_react98.useCallback)(() => __async(null, null, function* () {
+  const unlinkQuickbooks = (0, import_react99.useCallback)(() => __async(null, null, function* () {
     return Layer.unlinkQuickbooksConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     }).then(() => fetchQuickbooksConnectionStatus());
@@ -20328,7 +20323,7 @@ function QuickbooksContextProvider({ children }) {
 }
 
 // src/components/Integrations/IntegrationsConnectMenu/IntegrationsConnectMenu.tsx
-var import_react100 = require("react");
+var import_react101 = require("react");
 
 // src/components/ui/DropdownMenu/DropdownMenu.tsx
 var import_react_aria_components11 = require("react-aria-components");
@@ -20347,11 +20342,11 @@ var DropdownMenu = ({ children, ariaLabel, slots, slotProps }) => {
 };
 
 // src/icons/Cog.tsx
-var import_react99 = require("react");
+var import_react100 = require("react");
 var import_jsx_runtime174 = require("react/jsx-runtime");
 var Cog = (_a) => {
   var _b = _a, { size = 12 } = _b, props = __objRest(_b, ["size"]);
-  const id = (0, import_react99.useId)();
+  const id = (0, import_react100.useId)();
   return /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
@@ -20381,10 +20376,10 @@ var MenuTriggerButton = () => /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(Bu
 ] });
 var IntegrationsConnectMenu = () => {
   const { addToast } = useLayerContext();
-  const { quickbooksConnectionStatus, linkQuickbooks } = (0, import_react100.useContext)(QuickbooksContext);
+  const { quickbooksConnectionStatus, linkQuickbooks } = (0, import_react101.useContext)(QuickbooksContext);
   const quickbooksIsConnected = quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_connected;
-  const [isLinkQuickbooksError, setIsLinkQuickbooksError] = (0, import_react100.useState)(false);
-  const initiateQuickbooksOAuth = (0, import_react100.useCallback)(() => {
+  const [isLinkQuickbooksError, setIsLinkQuickbooksError] = (0, import_react101.useState)(false);
+  const initiateQuickbooksOAuth = (0, import_react101.useCallback)(() => {
     linkQuickbooks().then((res) => {
       window.location.href = res;
     }).catch(() => {
@@ -20426,7 +20421,7 @@ var IntegrationsComponent = ({
   elevated,
   stringOverrides
 }) => {
-  const { quickbooksConnectionStatus } = (0, import_react101.useContext)(QuickbooksContext);
+  const { quickbooksConnectionStatus } = (0, import_react102.useContext)(QuickbooksContext);
   const isLoading = quickbooksConnectionStatus === void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(Container, { name: COMPONENT_NAME3, elevated, children: [
     /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(Header, { className: "Layer__linked-accounts__header", children: [
@@ -20453,11 +20448,11 @@ var IntegrationsComponent = ({
 };
 
 // src/components/ProfitAndLoss/ProfitAndLoss.tsx
-var import_react129 = require("react");
+var import_react130 = require("react");
 
 // src/contexts/ProfitAndLossComparisonContext/ProfitAndLossComparisonContext.tsx
-var import_react102 = require("react");
-var PNLComparisonContext = (0, import_react102.createContext)({
+var import_react103 = require("react");
+var PNLComparisonContext = (0, import_react103.createContext)({
   data: void 0,
   isLoading: true,
   isValidating: false,
@@ -20478,7 +20473,7 @@ var PNLComparisonContext = (0, import_react102.createContext)({
 });
 
 // src/hooks/useProfitAndLoss/useProfitAndLoss.tsx
-var import_react105 = require("react");
+var import_react106 = require("react");
 
 // src/utils/profitAndLossUtils.ts
 var doesLineItemQualifies = (item) => {
@@ -20534,7 +20529,7 @@ var applyShare = (items, total) => {
 };
 
 // src/hooks/useProfitAndLoss/useProfitAndLossLTM.tsx
-var import_react103 = require("react");
+var import_react104 = require("react");
 var import_date_fns25 = require("date-fns");
 var import_swr15 = __toESM(require("swr"));
 var buildDates = ({ currentDate }) => {
@@ -20562,10 +20557,10 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
   const { businessId, syncTimestamps, read, hasBeenTouched } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [date, setDate] = (0, import_react103.useState)(currentDate);
-  const [loaded, setLoaded] = (0, import_react103.useState)("initial");
-  const [data, setData] = (0, import_react103.useState)([]);
-  const { startYear, startMonth, endYear, endMonth } = (0, import_react103.useMemo)(() => {
+  const [date, setDate] = (0, import_react104.useState)(currentDate);
+  const [loaded, setLoaded] = (0, import_react104.useState)("initial");
+  const [data, setData] = (0, import_react104.useState)([]);
+  const { startYear, startMonth, endYear, endMonth } = (0, import_react104.useMemo)(() => {
     return buildDates({ currentDate: date });
   }, [date, businessId, tagFilter, reportingBasis]);
   const queryKey = businessId && Boolean(startYear) && Boolean(startMonth) && Boolean(endYear) && Boolean(endMonth) && (auth == null ? void 0 : auth.access_token) && `profit-and-loss-summaries-${businessId}-${startYear.toString()}-${startMonth.toString()}-${tagFilter == null ? void 0 : tagFilter.key}-${(_a = tagFilter == null ? void 0 : tagFilter.values) == null ? void 0 : _a.join(
@@ -20592,7 +20587,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
       }
     })
   );
-  (0, import_react103.useEffect)(() => {
+  (0, import_react104.useEffect)(() => {
     const newData = data.slice();
     const newPeriod = buildMonthsArray((0, import_date_fns25.sub)(date, { years: 1 }), date);
     if (newData && newPeriod) {
@@ -20628,7 +20623,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
       );
     }
   }, [startYear, startMonth, tagFilter]);
-  (0, import_react103.useEffect)(() => {
+  (0, import_react104.useEffect)(() => {
     var _a2, _b2;
     const newData = (_b2 = (_a2 = rawData == null ? void 0 : rawData.data) == null ? void 0 : _a2.months) == null ? void 0 : _b2.slice();
     if (data && newData) {
@@ -20646,7 +20641,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
       );
     }
   }, [rawData]);
-  (0, import_react103.useEffect)(() => {
+  (0, import_react104.useEffect)(() => {
     if (isLoading && loaded === "initial") {
       setLoaded("loading");
       return;
@@ -20656,12 +20651,12 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
     }
   }, [data, isLoading]);
   const pullData = (date2) => setDate(date2);
-  (0, import_react103.useEffect)(() => {
+  (0, import_react104.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react103.useEffect)(() => {
+  (0, import_react104.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       mutate();
     }
@@ -20688,7 +20683,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
 };
 
 // src/hooks/useProfitAndLoss/useProfitAndLossQuery.tsx
-var import_react104 = require("react");
+var import_react105 = require("react");
 var import_date_fns26 = require("date-fns");
 var import_swr16 = __toESM(require("swr"));
 var useProfitAndLossQuery = ({
@@ -20727,12 +20722,12 @@ var useProfitAndLossQuery = ({
   const refetch = () => {
     mutate();
   };
-  (0, import_react104.useEffect)(() => {
+  (0, import_react105.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react104.useEffect)(() => {
+  (0, import_react105.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -20755,16 +20750,16 @@ var useProfitAndLoss = ({
 }) => {
   const { start, end } = useGlobalDateRange();
   const { setRange } = useGlobalDateRangeActions();
-  const dateRange = (0, import_react105.useMemo)(() => ({ startDate: start, endDate: end }), [start, end]);
-  const changeDateRange = (0, import_react105.useCallback)(
+  const dateRange = (0, import_react106.useMemo)(() => ({ startDate: start, endDate: end }), [start, end]);
+  const changeDateRange = (0, import_react106.useCallback)(
     ({ startDate: start2, endDate: end2 }) => setRange({ start: start2, end: end2 }),
     [setRange]
   );
-  const [filters, setFilters] = (0, import_react105.useState)({
+  const [filters, setFilters] = (0, import_react106.useState)({
     expenses: void 0,
     revenue: void 0
   });
-  const [sidebarScope, setSidebarScope] = (0, import_react105.useState)(void 0);
+  const [sidebarScope, setSidebarScope] = (0, import_react106.useState)(void 0);
   const { data, isLoading, isValidating, error, refetch } = useProfitAndLossQuery({
     startDate: start,
     endDate: end,
@@ -20791,7 +20786,7 @@ var useProfitAndLoss = ({
       })
     }));
   };
-  const { filteredDataRevenue, filteredTotalRevenue } = (0, import_react105.useMemo)(() => {
+  const { filteredDataRevenue, filteredTotalRevenue } = (0, import_react106.useMemo)(() => {
     var _a;
     if (!data) {
       return { filteredDataRevenue: [], filteredTotalRevenue: void 0 };
@@ -20843,7 +20838,7 @@ var useProfitAndLoss = ({
     const withShare = applyShare(sorted, total);
     return { filteredDataRevenue: withShare, filteredTotalRevenue: total };
   }, [data, start, filters, summaryData]);
-  const { filteredDataExpenses, filteredTotalExpenses } = (0, import_react105.useMemo)(() => {
+  const { filteredDataExpenses, filteredTotalExpenses } = (0, import_react106.useMemo)(() => {
     var _a;
     if (!data) {
       return { filteredDataExpenses: [], filteredTotalExpenses: void 0 };
@@ -20917,7 +20912,7 @@ var useProfitAndLoss = ({
 };
 
 // src/hooks/useProfitAndLossComparison/useProfitAndLossComparison.tsx
-var import_react106 = require("react");
+var import_react107 = require("react");
 
 // src/hooks/useProfitAndLossComparison/utils.ts
 var import_date_fns27 = require("date-fns");
@@ -21071,15 +21066,15 @@ function useProfitAndLossComparison({
   comparisonConfig
 }) {
   var _a, _b;
-  const [comparePeriods, setComparePeriods] = (0, import_react106.useState)((_a = comparisonConfig == null ? void 0 : comparisonConfig.defaultPeriods) != null ? _a : 1);
-  const [selectedCompareOptions, setSelectedCompareOptionsState] = (0, import_react106.useState)(
+  const [comparePeriods, setComparePeriods] = (0, import_react107.useState)((_a = comparisonConfig == null ? void 0 : comparisonConfig.defaultPeriods) != null ? _a : 1);
+  const [selectedCompareOptions, setSelectedCompareOptionsState] = (0, import_react107.useState)(
     (comparisonConfig == null ? void 0 : comparisonConfig.defaultTagFilter) ? [comparisonConfig == null ? void 0 : comparisonConfig.defaultTagFilter] : []
   );
   const { rangeDisplayMode, start, end } = useGlobalDateRange();
   const dateRange = { startDate: start, endDate: end };
   const isPeriodsSelectEnabled = COMPARE_MODES_SUPPORTING_MULTI_PERIOD.includes(rangeDisplayMode);
   const effectiveComparePeriods = isPeriodsSelectEnabled ? comparePeriods : 1;
-  const compareModeActive = (0, import_react106.useMemo)(() => effectiveComparePeriods > 1 || selectedCompareOptions.length > 1 || selectedCompareOptions.length === 1 && isNotOnlyNoneTag(selectedCompareOptions), [effectiveComparePeriods, selectedCompareOptions]);
+  const compareModeActive = (0, import_react107.useMemo)(() => effectiveComparePeriods > 1 || selectedCompareOptions.length > 1 || selectedCompareOptions.length === 1 && isNotOnlyNoneTag(selectedCompareOptions), [effectiveComparePeriods, selectedCompareOptions]);
   const setSelectedCompareOptions = (values) => {
     const options = values.map(
       (option) => comparisonConfig == null ? void 0 : comparisonConfig.tagComparisonOptions.find(
@@ -21152,7 +21147,7 @@ function useProfitAndLossComparison({
 }
 
 // src/components/ProfitAndLossChart/ProfitAndLossChart.tsx
-var import_react107 = require("react");
+var import_react108 = require("react");
 
 // src/icons/BarChart2.tsx
 var import_jsx_runtime177 = require("react/jsx-runtime");
@@ -21335,32 +21330,32 @@ var ProfitAndLossChart = ({
   tagFilter = void 0
 }) => {
   var _c, _d, _e, _f, _g, _h;
-  const [compactView, setCompactView] = (0, import_react107.useState)(false);
+  const [compactView, setCompactView] = (0, import_react108.useState)(false);
   const barSize = compactView ? 10 : 20;
   const { getColor, business } = useLayerContext();
   const { start, end, rangeDisplayMode } = useGlobalDateRange();
   const { setMonth } = useGlobalDateRangeActions();
   const showIndicator = rangeDisplayMode === "monthPicker";
-  const dateRange = (0, import_react107.useMemo)(() => ({ startDate: start, endDate: end }), [start, end]);
-  const [localDateRange, setLocalDateRange] = (0, import_react107.useState)(dateRange);
-  const [customCursorSize, setCustomCursorSize] = (0, import_react107.useState)({
+  const dateRange = (0, import_react108.useMemo)(() => ({ startDate: start, endDate: end }), [start, end]);
+  const [localDateRange, setLocalDateRange] = (0, import_react108.useState)(dateRange);
+  const [customCursorSize, setCustomCursorSize] = (0, import_react108.useState)({
     width: 0,
     height: 0,
     x: 0
   });
-  const [barAnimActive, setBarAnimActive] = (0, import_react107.useState)(true);
-  const [chartWindow, setChartWindow] = (0, import_react107.useState)({
+  const [barAnimActive, setBarAnimActive] = (0, import_react108.useState)(true);
+  const [chartWindow, setChartWindow] = (0, import_react108.useState)({
     start: (0, import_date_fns28.startOfMonth)((0, import_date_fns28.sub)(Date.now(), { months: 11 })),
     end: (0, import_date_fns28.endOfMonth)(Date.now())
   });
-  const selectionMonth = (0, import_react107.useMemo)(
+  const selectionMonth = (0, import_react108.useMemo)(
     () => ({
       year: localDateRange.startDate.getFullYear(),
       month: localDateRange.startDate.getMonth()
     }),
     [localDateRange]
   );
-  (0, import_react107.useEffect)(() => {
+  (0, import_react108.useEffect)(() => {
     if (Number(dateRange.startDate) !== Number(localDateRange.startDate) || Number(dateRange.endDate) !== Number(localDateRange.endDate)) {
       setLocalDateRange(dateRange);
     }
@@ -21369,7 +21364,7 @@ var ProfitAndLossChart = ({
     currentDate: (0, import_date_fns28.startOfMonth)(Date.now()),
     tagFilter
   });
-  const anyData = (0, import_react107.useMemo)(() => {
+  const anyData = (0, import_react108.useMemo)(() => {
     return Boolean(
       data == null ? void 0 : data.find(
         (x) => x.income !== 0 || x.costOfGoodsSold !== 0 || x.grossProfit !== 0 || x.operatingExpenses !== 0 || x.profitBeforeTaxes !== 0 || x.taxes !== 0 || x.totalExpenses !== 0 || x.uncategorizedInflows !== 0 || x.uncategorizedOutflows !== 0
@@ -21377,12 +21372,12 @@ var ProfitAndLossChart = ({
     );
   }, [data]);
   const { data: linkedAccounts } = useLinkedAccounts();
-  const isSyncing = (0, import_react107.useMemo)(
+  const isSyncing = (0, import_react108.useMemo)(
     () => Boolean(linkedAccounts == null ? void 0 : linkedAccounts.some((item) => item.is_syncing)),
     [linkedAccounts]
   );
-  const loadingValue = (0, import_react107.useMemo)(() => getLoadingValue(data), [data]);
-  (0, import_react107.useEffect)(() => {
+  const loadingValue = (0, import_react108.useMemo)(() => getLoadingValue(data), [data]);
+  (0, import_react108.useEffect)(() => {
     if (loaded === "complete" && data) {
       const foundCurrent = data.find(
         (x) => Number((0, import_date_fns28.startOfMonth)(new Date(x.year, x.month - 1, 1))) >= Number(localDateRange.startDate) && Number((0, import_date_fns28.startOfMonth)(new Date(x.year, x.month - 1, 1))) < Number(localDateRange.endDate)
@@ -21403,7 +21398,7 @@ var ProfitAndLossChart = ({
       }
     }
   }, [localDateRange]);
-  (0, import_react107.useEffect)(() => {
+  (0, import_react108.useEffect)(() => {
     const newChartWindow = getChartWindow({
       chartWindow,
       currentYear: localDateRange.startDate.getFullYear(),
@@ -21413,7 +21408,7 @@ var ProfitAndLossChart = ({
       setChartWindow(newChartWindow);
     }
   }, [localDateRange]);
-  (0, import_react107.useEffect)(() => {
+  (0, import_react108.useEffect)(() => {
     if (loaded === "complete") {
       setTimeout(() => {
         setBarAnimActive(false);
@@ -21440,7 +21435,7 @@ var ProfitAndLossChart = ({
     loading: (pnl == null ? void 0 : pnl.isLoading) ? loadingValue : 0,
     loadingExpenses: (pnl == null ? void 0 : pnl.isLoading) ? -loadingValue : 0
   });
-  const theData = (0, import_react107.useMemo)(() => {
+  const theData = (0, import_react108.useMemo)(() => {
     var _a;
     if (loaded !== "complete" || loaded === "complete" && !anyData) {
       const loadingData = [];
@@ -21971,7 +21966,7 @@ var ProfitAndLossChart = ({
 };
 
 // src/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions.tsx
-var import_react108 = require("react");
+var import_react109 = require("react");
 var import_jsx_runtime181 = require("react/jsx-runtime");
 var selectStyles = {
   valueContainer: (styles) => {
@@ -22011,9 +22006,9 @@ var ProfitAndLossCompareOptions = () => {
     compareOptions,
     selectedCompareOptions,
     comparisonConfig
-  } = (0, import_react108.useContext)(ProfitAndLoss.ComparisonContext);
+  } = (0, import_react109.useContext)(ProfitAndLoss.ComparisonContext);
   const { rangeDisplayMode } = useGlobalDateRange();
-  const periods = (0, import_react108.useMemo)(
+  const periods = (0, import_react109.useMemo)(
     () => comparePeriods !== 0 ? comparePeriods : 1,
     [comparePeriods]
   );
@@ -22106,7 +22101,7 @@ function DatePickerModeSelector({
 }
 
 // src/providers/GlobalDateStore/useGlobalDateRangePicker.ts
-var import_react109 = require("react");
+var import_react110 = require("react");
 function useGlobalDateRangePicker({
   allowedDatePickerModes,
   defaultDatePickerMode,
@@ -22123,7 +22118,7 @@ function useGlobalDateRangePicker({
     DEFAULT_ALLOWED_PICKER_MODES
   );
   const desiredRangeMode = allowedDateRangePickerModes.includes(rangeDisplayMode) ? rangeDisplayMode : allowedDateRangePickerModes[0];
-  const { dateFormat, selected } = (0, import_react109.useMemo)(() => {
+  const { dateFormat, selected } = (0, import_react110.useMemo)(() => {
     if (rangeDisplayMode === "monthPicker") {
       return {
         selected: start,
@@ -22143,7 +22138,7 @@ function useGlobalDateRangePicker({
     end,
     rangeDisplayMode
   ]);
-  const { setSelected } = (0, import_react109.useMemo)(() => {
+  const { setSelected } = (0, import_react110.useMemo)(() => {
     if (desiredRangeMode === "monthPicker") {
       return {
         setSelected: ({ start: start2 }) => {
@@ -22223,10 +22218,10 @@ var ProfitAndLossDatePicker = ({
 };
 
 // src/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts.tsx
-var import_react111 = require("react");
+var import_react112 = require("react");
 
 // src/components/ProfitAndLossDetailedCharts/DetailedChart.tsx
-var import_react110 = require("react");
+var import_react111 = require("react");
 
 // src/config/charts.ts
 var DEFAULT_CHART_COLOR_TYPE = [
@@ -22511,7 +22506,7 @@ var DetailedChart = ({
   isLoading,
   showDatePicker = true
 }) => {
-  const chartData = (0, import_react110.useMemo)(() => {
+  const chartData = (0, import_react111.useMemo)(() => {
     if (!filteredData) {
       return [];
     }
@@ -22883,11 +22878,11 @@ var ProfitAndLossDetailedCharts = ({
     sidebarScope,
     setSidebarScope,
     setFilterTypes
-  } = (0, import_react111.useContext)(ProfitAndLoss.Context);
+  } = (0, import_react112.useContext)(ProfitAndLoss.Context);
   const theScope = scope ? scope : sidebarScope;
   const data = theScope === "revenue" ? filteredDataRevenue : filteredDataExpenses;
   const total = theScope === "revenue" ? filteredTotalRevenue : filteredTotalExpenses;
-  const [hoveredItem, setHoveredItem] = (0, import_react111.useState)();
+  const [hoveredItem, setHoveredItem] = (0, import_react112.useState)();
   return /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("div", { className: "Layer__profit-and-loss-detailed-charts", children: [
     /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("header", { className: "Layer__profit-and-loss-detailed-charts__header", children: [
       /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("div", { className: "Layer__profit-and-loss-detailed-charts__head", children: [
@@ -22956,7 +22951,7 @@ var ProfitAndLossDetailedCharts = ({
 };
 
 // src/components/ProfitAndLossDownloadButton/ProfitAndLossDownloadButton.tsx
-var import_react112 = require("react");
+var import_react113 = require("react");
 var import_jsx_runtime189 = require("react/jsx-runtime");
 var ProfitAndLossDownloadButton = ({
   stringOverrides,
@@ -22964,15 +22959,15 @@ var ProfitAndLossDownloadButton = ({
   moneyFormat,
   view
 }) => {
-  const { dateRange, tagFilter } = (0, import_react112.useContext)(ProfitAndLoss.Context);
-  const { getProfitAndLossComparisonCsv } = (0, import_react112.useContext)(
+  const { dateRange, tagFilter } = (0, import_react113.useContext)(ProfitAndLoss.Context);
+  const { getProfitAndLossComparisonCsv } = (0, import_react113.useContext)(
     ProfitAndLoss.ComparisonContext
   );
   const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [requestFailed, setRequestFailed] = (0, import_react112.useState)(false);
-  const [isDownloading, setIsDownloading] = (0, import_react112.useState)(false);
+  const [requestFailed, setRequestFailed] = (0, import_react113.useState)(false);
+  const [isDownloading, setIsDownloading] = (0, import_react113.useState)(false);
   const handleClick = () => __async(null, null, function* () {
     var _a;
     setIsDownloading(true);
@@ -23016,7 +23011,7 @@ var ProfitAndLossDownloadButton = ({
 };
 
 // src/components/ProfitAndLossHeader/ProfitAndLossHeader.tsx
-var import_react114 = require("react");
+var import_react115 = require("react");
 
 // src/components/SyncingBadge/SyncingBadge.tsx
 var import_jsx_runtime190 = require("react/jsx-runtime");
@@ -23033,13 +23028,13 @@ var SyncingBadge = () => {
 };
 
 // src/hooks/bookkeeping/periods/useActiveBookkeepingPeriod.ts
-var import_react113 = require("react");
+var import_react114 = require("react");
 function useActiveBookkeepingPeriod() {
   const { date } = useGlobalDate();
   const { data, isLoading } = useBookkeepingPeriods();
   const currentMonth = date.getMonth() + 1;
   const currentYear = date.getFullYear();
-  const activePeriod = (0, import_react113.useMemo)(
+  const activePeriod = (0, import_react114.useMemo)(
     () => data == null ? void 0 : data.find((period) => currentYear === period.year && currentMonth === period.month),
     [data, currentMonth, currentYear]
   );
@@ -23058,7 +23053,7 @@ var ProfitAndLossHeader = ({
   const { data: linkedAccounts } = useLinkedAccounts();
   const { activePeriod } = useActiveBookkeepingPeriod();
   const activePeriodStatus = activePeriod == null ? void 0 : activePeriod.status;
-  const isSyncing = (0, import_react114.useMemo)(
+  const isSyncing = (0, import_react115.useMemo)(
     () => Boolean(linkedAccounts == null ? void 0 : linkedAccounts.some((item) => item.is_syncing)),
     [linkedAccounts]
   );
@@ -23073,13 +23068,13 @@ var ProfitAndLossHeader = ({
 };
 
 // src/components/ProfitAndLossReport/ProfitAndLossReport.tsx
-var import_react118 = require("react");
+var import_react119 = require("react");
 
 // src/components/Header/Header.tsx
-var import_react115 = require("react");
+var import_react116 = require("react");
 var import_classnames60 = __toESM(require("classnames"));
 var import_jsx_runtime192 = require("react/jsx-runtime");
-var Header3 = (0, import_react115.forwardRef)(
+var Header3 = (0, import_react116.forwardRef)(
   ({ className, children, style, sticky, asHeader, rounded }, ref) => {
     const baseClassName = (0, import_classnames60.default)(
       "Layer__header",
@@ -23120,7 +23115,7 @@ var HeaderCol = ({ className, children, style, noPadding = false }) => {
 };
 
 // src/components/Panel/Panel.tsx
-var import_react116 = require("react");
+var import_react117 = require("react");
 var import_classnames63 = __toESM(require("classnames"));
 var import_jsx_runtime195 = require("react/jsx-runtime");
 var Panel = ({
@@ -23134,8 +23129,8 @@ var Panel = ({
   floating = false
 }) => {
   var _a;
-  const [sidebarHeight, setSidebarHeight] = (0, import_react116.useState)(0);
-  (0, import_react116.useEffect)(() => {
+  const [sidebarHeight, setSidebarHeight] = (0, import_react117.useState)(0);
+  (0, import_react117.useEffect)(() => {
     var _a2, _b;
     if ((_a2 = parentRef == null ? void 0 : parentRef.current) == null ? void 0 : _a2.offsetHeight) {
       setSidebarHeight((_b = parentRef == null ? void 0 : parentRef.current) == null ? void 0 : _b.offsetHeight);
@@ -23175,7 +23170,7 @@ var Panel = ({
 };
 
 // src/components/View/View.tsx
-var import_react117 = require("react");
+var import_react118 = require("react");
 
 // src/components/ViewHeader/ViewHeader.tsx
 var import_classnames64 = __toESM(require("classnames"));
@@ -23190,7 +23185,7 @@ var ViewHeader = ({ title, className, children }) => {
 // src/components/View/View.tsx
 var import_classnames65 = __toESM(require("classnames"));
 var import_jsx_runtime197 = require("react/jsx-runtime");
-var View = (0, import_react117.forwardRef)(
+var View = (0, import_react118.forwardRef)(
   ({
     title,
     showHeader = true,
@@ -23241,8 +23236,8 @@ var ProfitAndLossReport = ({
   view
 }) => {
   var _a, _b;
-  const { sidebarScope } = (0, import_react118.useContext)(ProfitAndLoss.Context);
-  const { comparisonConfig } = (0, import_react118.useContext)(ProfitAndLoss.ComparisonContext);
+  const { sidebarScope } = (0, import_react119.useContext)(ProfitAndLoss.Context);
+  const { comparisonConfig } = (0, import_react119.useContext)(ProfitAndLoss.ComparisonContext);
   return /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
     View,
     {
@@ -23299,10 +23294,10 @@ var ProfitAndLossReport = ({
 };
 
 // src/components/ProfitAndLossSummaries/ProfitAndLossSummaries.tsx
-var import_react122 = require("react");
+var import_react123 = require("react");
 
 // src/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesList.tsx
-var import_react119 = require("react");
+var import_react120 = require("react");
 var import_jsx_runtime199 = require("react/jsx-runtime");
 var LIST_ITEM_CLASS_NAME = "Layer__ProfitAndLossSummariesListItem";
 function ProfitAndLossSummariesListItem({
@@ -23310,7 +23305,7 @@ function ProfitAndLossSummariesListItem({
   isActive,
   onClick
 }) {
-  const dataProperties = (0, import_react119.useMemo)(
+  const dataProperties = (0, import_react120.useMemo)(
     () => toDataProperties({ active: isActive, clickable: !!onClick }),
     [isActive]
   );
@@ -23321,7 +23316,7 @@ function ProfitAndLossSummariesList({
   children,
   itemCount
 }) {
-  const dataProperties = (0, import_react119.useMemo)(
+  const dataProperties = (0, import_react120.useMemo)(
     () => toDataProperties({ ["column-count"]: itemCount }),
     [itemCount]
   );
@@ -23414,10 +23409,10 @@ function ProfitAndLossSummariesMiniChart({
 }
 
 // src/components/ui/Typography/MoneyText.tsx
-var import_react120 = require("react");
+var import_react121 = require("react");
 var import_jsx_runtime201 = require("react/jsx-runtime");
 var CLASS_NAME10 = "Layer__MoneyText";
-var MoneySpan = (0, import_react120.forwardRef)(
+var MoneySpan = (0, import_react121.forwardRef)(
   (_a, ref) => {
     var _b = _a, { amount, bold, size } = _b, restProps = __objRest(_b, ["amount", "bold", "size"]);
     const dataProperties = toDataProperties({
@@ -23464,7 +23459,7 @@ function ProfitAndLossSummariesSummary({
 }
 
 // src/views/AccountingOverview/internal/TransactionsToReview.tsx
-var import_react121 = require("react");
+var import_react122 = require("react");
 var import_date_fns30 = require("date-fns");
 var import_jsx_runtime204 = require("react/jsx-runtime");
 var CLASS_NAME12 = "Layer__TransactionsToReview";
@@ -23475,17 +23470,17 @@ function TransactionsToReview({
   variants
 }) {
   const { size = "sm" } = variants != null ? variants : {};
-  const { dateRange: contextDateRange } = (0, import_react121.useContext)(ProfitAndLoss.Context);
+  const { dateRange: contextDateRange } = (0, import_react122.useContext)(ProfitAndLoss.Context);
   const dateRange = usePnlDateRange ? contextDateRange : void 0;
-  const [toReview, setToReview] = (0, import_react121.useState)(0);
+  const [toReview, setToReview] = (0, import_react122.useState)(0);
   const { data, loaded, error, refetch } = useProfitAndLossLTM({
     currentDate: dateRange ? dateRange.startDate : (0, import_date_fns30.startOfMonth)(/* @__PURE__ */ new Date()),
     tagFilter
   });
-  (0, import_react121.useEffect)(() => {
+  (0, import_react122.useEffect)(() => {
     checkTransactionsToReview();
   }, []);
-  (0, import_react121.useEffect)(() => {
+  (0, import_react122.useEffect)(() => {
     checkTransactionsToReview();
   }, [dateRange, loaded]);
   const checkTransactionsToReview = () => {
@@ -23566,8 +23561,8 @@ function Internal_ProfitAndLossSummaries({
     isLoading,
     setSidebarScope,
     sidebarScope
-  } = (0, import_react122.useContext)(ProfitAndLoss.Context);
-  const { revenueChartData, expensesChartData } = (0, import_react122.useMemo)(
+  } = (0, import_react123.useContext)(ProfitAndLoss.Context);
+  const { revenueChartData, expensesChartData } = (0, import_react123.useMemo)(
     () => ({
       revenueChartData: toMiniChartData({ scope: "revenue", data }),
       expensesChartData: toMiniChartData({ scope: "expenses", data })
@@ -23669,10 +23664,10 @@ function ProfitAndLossSummaries(_a) {
 }
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableWithProvider.tsx
-var import_react128 = require("react");
+var import_react129 = require("react");
 
 // src/contexts/TableContext/TableContext.tsx
-var import_react123 = require("react");
+var import_react124 = require("react");
 var import_jsx_runtime206 = require("react/jsx-runtime");
 var defaultValue = {
   expandedRows: [],
@@ -23684,10 +23679,10 @@ var defaultValue = {
   setExpandedAllRows: () => {
   }
 };
-var TableContext = (0, import_react123.createContext)(defaultValue);
+var TableContext = (0, import_react124.createContext)(defaultValue);
 var TableProvider = ({ children }) => {
-  const [expandedRows, setExpandedRowsState] = (0, import_react123.useState)([]);
-  const [expandedAllRows, setExpandedAllRows] = (0, import_react123.useState)(false);
+  const [expandedRows, setExpandedRowsState] = (0, import_react124.useState)([]);
+  const [expandedAllRows, setExpandedAllRows] = (0, import_react124.useState)(false);
   const toggleRow = (rowKey) => {
     setExpandedRowsState((prevRows) => {
       const rows = [...prevRows];
@@ -23713,10 +23708,10 @@ var TableProvider = ({ children }) => {
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossCompareTable.tsx
-var import_react126 = require("react");
+var import_react127 = require("react");
 
 // src/hooks/useTableExpandRow/useTableExpandRow.tsx
-var import_react124 = require("react");
+var import_react125 = require("react");
 var useTableExpandRow = () => {
   const {
     expandedAllRows,
@@ -23724,7 +23719,7 @@ var useTableExpandRow = () => {
     expandAllRows,
     expandedRows,
     setExpandedRows
-  } = (0, import_react124.useContext)(TableContext);
+  } = (0, import_react125.useContext)(TableContext);
   const toggleAllRows = () => {
     if (expandedAllRows) {
       setIsOpen([]);
@@ -23945,7 +23940,7 @@ var TableRow = ({
 };
 
 // src/components/Table/Table.tsx
-var import_react125 = require("react");
+var import_react126 = require("react");
 var import_classnames68 = __toESM(require("classnames"));
 var import_jsx_runtime211 = require("react/jsx-runtime");
 var Table2 = ({
@@ -23954,9 +23949,9 @@ var Table2 = ({
   borderCollapse = "separate",
   bottomSpacing = true
 }) => {
-  const tableRef = (0, import_react125.useRef)(null);
-  const prevChildrenRef = (0, import_react125.useRef)([]);
-  (0, import_react125.useEffect)(() => {
+  const tableRef = (0, import_react126.useRef)(null);
+  const prevChildrenRef = (0, import_react126.useRef)([]);
+  (0, import_react126.useEffect)(() => {
     if (tableRef.current) {
       const tbody = tableRef.current.querySelector("tbody");
       const rows = tbody ? Array.from(tbody.querySelectorAll("tr")) : [];
@@ -24005,17 +24000,17 @@ var import_jsx_runtime212 = require("react/jsx-runtime");
 var ProfitAndLossCompareTable = ({
   stringOverrides
 }) => {
-  const { dateRange } = (0, import_react126.useContext)(ProfitAndLoss.Context);
+  const { dateRange } = (0, import_react127.useContext)(ProfitAndLoss.Context);
   const {
     data: comparisonData,
     isLoading,
     comparePeriods,
     selectedCompareOptions
-  } = (0, import_react126.useContext)(ProfitAndLoss.ComparisonContext);
+  } = (0, import_react127.useContext)(ProfitAndLoss.ComparisonContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
   const { rangeDisplayMode } = useGlobalDateRange();
   const { data: bookkeepingPeriods } = useBookkeepingPeriods();
-  (0, import_react126.useEffect)(() => {
+  (0, import_react127.useEffect)(() => {
     setIsOpen(["income", "cost_of_goods_sold", "expenses"]);
   }, []);
   if (isLoading || comparisonData === void 0) {
@@ -24059,7 +24054,7 @@ var ProfitAndLossCompareTable = ({
     }
     const expandable = (lineItem == null ? void 0 : lineItem.line_items) && lineItem.line_items.length > 0 ? true : false;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(import_react126.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(import_react127.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(
         TableRow,
         {
@@ -24093,7 +24088,7 @@ var ProfitAndLossCompareTable = ({
   return /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(Table2, { borderCollapse: "collapse", bottomSpacing: false, children: [
     /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(TableHead, { children: selectedCompareOptions && selectedCompareOptions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(TableRow, { rowKey: "", children: [
       /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(TableCell, { isHeaderCell: true }),
-      selectedCompareOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(import_react126.Fragment, { children: [
+      selectedCompareOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(import_react127.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(TableCell, { primary: true, isHeaderCell: true, children: option.displayName }, option.displayName + "-" + i),
         comparePeriods && Array.from({ length: comparePeriods - 1 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(TableCell, { isHeaderCell: true }, option.displayName + "-" + index))
       ] }, option.displayName + "-" + i))
@@ -24101,7 +24096,7 @@ var ProfitAndLossCompareTable = ({
     /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(TableBody, { children: [
       comparePeriods && /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(TableRow, { rowKey: "", children: [
         /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(TableCell, { isHeaderCell: true }),
-        selectedCompareOptions && selectedCompareOptions.length > 0 ? selectedCompareOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_react126.Fragment, { children: generateComparisonPeriods(
+        selectedCompareOptions && selectedCompareOptions.length > 0 ? selectedCompareOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_react127.Fragment, { children: generateComparisonPeriods(
           dateRange.startDate,
           comparePeriods,
           rangeDisplayMode
@@ -24109,7 +24104,7 @@ var ProfitAndLossCompareTable = ({
           month.label,
           " ",
           getBookkeepingPeriodStatus(month.date)
-        ] }) }, option.displayName + "-" + index)) }, option.displayName + "-" + i)) : /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_react126.Fragment, { children: generateComparisonPeriods(
+        ] }) }, option.displayName + "-" + index)) }, option.displayName + "-" + i)) : /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_react127.Fragment, { children: generateComparisonPeriods(
           dateRange.startDate,
           comparePeriods,
           rangeDisplayMode
@@ -24141,7 +24136,7 @@ var ProfitAndLossCompareTable = ({
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableComponent.tsx
-var import_react127 = require("react");
+var import_react128 = require("react");
 
 // src/icons/PieChart.tsx
 var import_jsx_runtime213 = require("react/jsx-runtime");
@@ -24240,9 +24235,9 @@ var ProfitAndLossTableComponent = ({
     data: actualData,
     isLoading,
     setSidebarScope
-  } = (0, import_react127.useContext)(ProfitAndLoss.Context);
+  } = (0, import_react128.useContext)(ProfitAndLoss.Context);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  (0, import_react127.useEffect)(() => {
+  (0, import_react128.useEffect)(() => {
     setIsOpen(["income", "cost_of_goods_sold", "expenses"]);
   }, []);
   const currentData = Array.isArray(actualData) ? actualData[actualData.length - 1] : actualData;
@@ -24262,7 +24257,7 @@ var ProfitAndLossTableComponent = ({
   const renderLineItem = (lineItem, depth, rowKey, rowIndex, scope, setSidebarScope2, variant) => {
     const expandable = !!lineItem.line_items && lineItem.line_items.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(import_react127.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(import_react128.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(
         TableRow,
         {
@@ -24386,14 +24381,14 @@ var ProfitAndLossTableComponent = ({
 // src/components/ProfitAndLossTable/ProfitAndLossTableWithProvider.tsx
 var import_jsx_runtime215 = require("react/jsx-runtime");
 var ProfitAndLossTableWithProvider = (props) => {
-  const { compareModeActive } = (0, import_react128.useContext)(ProfitAndLoss.ComparisonContext);
+  const { compareModeActive } = (0, import_react129.useContext)(ProfitAndLoss.ComparisonContext);
   return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(TableProvider, { children: compareModeActive ? /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("div", { className: "Layer__compare__table__wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(ProfitAndLossCompareTable, __spreadValues({}, props)) }) : /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(ProfitAndLossTableComponent, __spreadValues({}, props)) });
 };
 
 // src/components/ProfitAndLoss/ProfitAndLoss.tsx
 var import_date_fns32 = require("date-fns");
 var import_jsx_runtime216 = require("react/jsx-runtime");
-var PNLContext = (0, import_react129.createContext)({
+var PNLContext = (0, import_react130.createContext)({
   data: void 0,
   filteredDataRevenue: [],
   filteredTotalRevenue: void 0,
@@ -24491,12 +24486,12 @@ function useBalanceSheet({
 }
 
 // src/hooks/useElementViewSize/useElementViewSize.tsx
-var import_react130 = require("react");
+var import_react131 = require("react");
 var useElementViewSize = () => {
-  const containerRef = (0, import_react130.useRef)(null);
-  const [view, setView] = (0, import_react130.useState)("desktop");
-  const resizeTimeout = (0, import_react130.useRef)(null);
-  (0, import_react130.useLayoutEffect)(() => {
+  const containerRef = (0, import_react131.useRef)(null);
+  const [view, setView] = (0, import_react131.useState)("desktop");
+  const resizeTimeout = (0, import_react131.useRef)(null);
+  (0, import_react131.useLayoutEffect)(() => {
     const element = containerRef == null ? void 0 : containerRef.current;
     if (!element) {
       return;
@@ -24565,7 +24560,7 @@ var BalanceSheetExpandAllButton = ({
 };
 
 // src/components/BalanceSheetTable/BalanceSheetTable.tsx
-var import_react131 = require("react");
+var import_react132 = require("react");
 var import_jsx_runtime219 = require("react/jsx-runtime");
 var BalanceSheetTable = ({
   data,
@@ -24574,12 +24569,12 @@ var BalanceSheetTable = ({
 }) => {
   const { isOpen, setIsOpen, expandedAllRows } = useTableExpandRow();
   const allRowKeys = [];
-  (0, import_react131.useEffect)(() => {
+  (0, import_react132.useEffect)(() => {
     if (expandedAllRows) {
       setIsOpen(allRowKeys, true);
     }
   }, [expandedAllRows]);
-  (0, import_react131.useEffect)(() => {
+  (0, import_react132.useEffect)(() => {
     setIsOpen(["assets"]);
   }, []);
   const renderLineItem = (lineItem, depth = 0, rowKey, rowIndex) => {
@@ -24589,7 +24584,7 @@ var BalanceSheetTable = ({
     if (expandable) {
       allRowKeys.push(rowKey);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(import_react131.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(import_react132.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
         TableRow,
         {
@@ -24640,7 +24635,7 @@ var BalanceSheetTable = ({
       /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(TableCell, { isHeaderCell: true, children: (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type" }),
       /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */, children: (stringOverrides == null ? void 0 : stringOverrides.totalColumnHeader) || "Total" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(TableBody, { children: config.map((row, idx) => /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(import_react131.Fragment, { children: data[row.lineItem] && renderLineItem(
+    /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(TableBody, { children: config.map((row, idx) => /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(import_react132.Fragment, { children: data[row.lineItem] && renderLineItem(
       data[row.lineItem],
       0,
       row.lineItem,
@@ -24814,7 +24809,7 @@ var BalanceSheetView = ({
 };
 
 // src/components/StatementOfCashFlowTable/StatementOfCashFlowTable.tsx
-var import_react132 = require("react");
+var import_react133 = require("react");
 var import_jsx_runtime222 = require("react/jsx-runtime");
 var StatementOfCashFlowTable = ({
   data,
@@ -24825,7 +24820,7 @@ var StatementOfCashFlowTable = ({
   const renderLineItem = (lineItem, depth = 0, rowKey, rowIndex) => {
     const expandable = !!lineItem.line_items && lineItem.line_items.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(import_react132.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(import_react133.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(
         TableRow,
         {
@@ -24877,7 +24872,7 @@ var StatementOfCashFlowTable = ({
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(TableBody, { children: config.map((row, idx) => {
       if (row.type === "line_item") {
-        return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(import_react132.Fragment, { children: data[row.lineItem] && renderLineItem(
+        return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(import_react133.Fragment, { children: data[row.lineItem] && renderLineItem(
           data[row.lineItem],
           0,
           row.lineItem ? row.lineItem : "",
@@ -25177,12 +25172,12 @@ var StatementOfCashFlowView = ({
 };
 
 // src/components/ChartOfAccounts/ChartOfAccounts.tsx
-var import_react146 = require("react");
+var import_react147 = require("react");
 
 // src/contexts/ChartOfAccountsContext/ChartOfAccountsContext.tsx
-var import_react133 = require("react");
+var import_react134 = require("react");
 var import_date_fns35 = require("date-fns");
-var ChartOfAccountsContext = (0, import_react133.createContext)(
+var ChartOfAccountsContext = (0, import_react134.createContext)(
   {
     data: void 0,
     isLoading: false,
@@ -25213,8 +25208,8 @@ var ChartOfAccountsContext = (0, import_react133.createContext)(
 );
 
 // src/contexts/LedgerAccountsContext/LedgerAccountsContext.tsx
-var import_react134 = require("react");
-var LedgerAccountsContext = (0, import_react134.createContext)({
+var import_react135 = require("react");
+var LedgerAccountsContext = (0, import_react135.createContext)({
   data: void 0,
   entryData: void 0,
   isLoading: false,
@@ -25236,7 +25231,7 @@ var LedgerAccountsContext = (0, import_react134.createContext)({
 });
 
 // src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
-var import_react135 = require("react");
+var import_react136 = require("react");
 
 // src/components/ChartOfAccountsForm/constants.ts
 var LEDGER_ACCOUNT_TYPES = [
@@ -25536,13 +25531,13 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
   } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [form, setForm] = (0, import_react135.useState)();
-  const [sendingForm, setSendingForm] = (0, import_react135.useState)(false);
-  const [apiError, setApiError] = (0, import_react135.useState)(void 0);
-  const [startDate, setStartDate] = (0, import_react135.useState)(
+  const [form, setForm] = (0, import_react136.useState)();
+  const [sendingForm, setSendingForm] = (0, import_react136.useState)(false);
+  const [apiError, setApiError] = (0, import_react136.useState)(void 0);
+  const [startDate, setStartDate] = (0, import_react136.useState)(
     initialStartDate != null ? initialStartDate : (0, import_date_fns36.startOfMonth)(Date.now())
   );
-  const [endDate, setEndDate] = (0, import_react135.useState)(
+  const [endDate, setEndDate] = (0, import_react136.useState)(
     initialEndDate != null ? initialEndDate : (0, import_date_fns36.endOfMonth)(Date.now())
   );
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `chart-of-accounts-${businessId}-${startDate == null ? void 0 : startDate.valueOf()}-${endDate == null ? void 0 : endDate.valueOf()}`;
@@ -25724,12 +25719,12 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
     newEndDate && setEndDate(newEndDate);
   };
   const refetch = () => mutate();
-  (0, import_react135.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("CHART_OF_ACCOUNTS" /* CHART_OF_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react135.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -25757,17 +25752,17 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
 // src/hooks/useChartOfAccounts/useCreateChildAccount.tsx
 var import_mutation12 = __toESM(require("swr/mutation"));
 var import_swr21 = require("swr");
-var import_react136 = require("react");
+var import_react137 = require("react");
 
 // src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
-var import_react137 = require("react");
+var import_react138 = require("react");
 var import_swr22 = __toESM(require("swr"));
 var useLedgerAccounts = (showReversalEntries = false) => {
   const { businessId, read, syncTimestamps, hasBeenTouched } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [accountId, setAccountId] = (0, import_react137.useState)();
-  const [selectedEntryId, setSelectedEntryId] = (0, import_react137.useState)();
+  const [accountId, setAccountId] = (0, import_react138.useState)();
+  const [selectedEntryId, setSelectedEntryId] = (0, import_react138.useState)();
   const queryKey = businessId && accountId && (auth == null ? void 0 : auth.access_token) && `ledger-accounts-lines-${businessId}-${accountId}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr22.default)(
     queryKey,
@@ -25796,12 +25791,12 @@ var useLedgerAccounts = (showReversalEntries = false) => {
     setSelectedEntryId(void 0);
     mutateEntryData();
   };
-  (0, import_react137.useEffect)(() => {
+  (0, import_react138.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("LEDGER_ACCOUNTS" /* LEDGER_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react137.useEffect)(() => {
+  (0, import_react138.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -25825,7 +25820,7 @@ var useLedgerAccounts = (showReversalEntries = false) => {
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel.tsx
-var import_react142 = require("react");
+var import_react143 = require("react");
 
 // src/icons/Plus.tsx
 var import_jsx_runtime226 = require("react/jsx-runtime");
@@ -25866,11 +25861,11 @@ var Plus = (_a) => {
 var Plus_default = Plus;
 
 // src/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker.tsx
-var import_react138 = require("react");
+var import_react139 = require("react");
 var import_date_fns37 = require("date-fns");
 var import_jsx_runtime227 = require("react/jsx-runtime");
 var ChartOfAccountsDatePicker = () => {
-  const { changeDateRange, dateRange } = (0, import_react138.useContext)(ChartOfAccountsContext);
+  const { changeDateRange, dateRange } = (0, import_react139.useContext)(ChartOfAccountsContext);
   return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
     DatePicker,
     {
@@ -25889,13 +25884,13 @@ var ChartOfAccountsDatePicker = () => {
 };
 
 // src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
-var import_react140 = require("react");
+var import_react141 = require("react");
 
 // src/components/ChartOfAccountsForm/useParentOptions.ts
-var import_react139 = require("react");
+var import_react140 = require("react");
 var useParentOptions = (data) => {
   var _a;
-  return (0, import_react139.useMemo)(
+  return (0, import_react140.useMemo)(
     () => flattenAccounts((data == null ? void 0 : data.accounts) || []).sort((a, b) => (a == null ? void 0 : a.name) && (b == null ? void 0 : b.name) ? a.name.localeCompare(b.name) : 0).map((x) => {
       return {
         label: x.name,
@@ -25920,9 +25915,9 @@ var ChartOfAccountsForm = ({
     submitForm,
     sendingForm,
     apiError
-  } = (0, import_react140.useContext)(ChartOfAccountsContext);
+  } = (0, import_react141.useContext)(ChartOfAccountsContext);
   const parentOptions = useParentOptions(data);
-  const entry = (0, import_react140.useMemo)(() => {
+  const entry = (0, import_react141.useMemo)(() => {
     if ((form == null ? void 0 : form.action) === "edit" && form.accountId) {
       return flattenAccounts((data == null ? void 0 : data.accounts) || []).find(
         (x) => x.id === form.accountId
@@ -26135,7 +26130,7 @@ var ChartOfAccountsSidebar = ({
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
-var import_react141 = require("react");
+var import_react142 = require("react");
 
 // src/icons/Edit2.tsx
 var import_jsx_runtime230 = require("react/jsx-runtime");
@@ -26195,18 +26190,18 @@ var ChartOfAccountsTableContent = ({
   expandAll,
   templateAccountsEditable
 }) => {
-  const { setAccountId } = (0, import_react141.useContext)(LedgerAccountsContext);
-  const { editAccount } = (0, import_react141.useContext)(ChartOfAccountsContext);
+  const { setAccountId } = (0, import_react142.useContext)(LedgerAccountsContext);
+  const { editAccount } = (0, import_react142.useContext)(ChartOfAccountsContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  const [accountsRowKeys, setAccountsRowKeys] = (0, import_react141.useState)([]);
-  (0, import_react141.useEffect)(() => {
+  const [accountsRowKeys, setAccountsRowKeys] = (0, import_react142.useState)([]);
+  (0, import_react142.useEffect)(() => {
     if (expandAll === "expanded") {
       setIsOpen(accountsRowKeys);
     } else if (expandAll === "collapsed") {
       setIsOpen([]);
     }
   }, [expandAll]);
-  (0, import_react141.useEffect)(() => {
+  (0, import_react142.useEffect)(() => {
     const defaultExpanded = data.accounts.map(
       (account) => "coa-row-" + account.id
     );
@@ -26225,7 +26220,7 @@ var ChartOfAccountsTableContent = ({
     var _a, _b;
     const expandable = !!account.sub_accounts && account.sub_accounts.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(import_react141.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(import_react142.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(
         TableRow,
         {
@@ -26401,8 +26396,8 @@ var ChartOfAccountsTableWithPanel = ({
   templateAccountsEditable
 }) => {
   var _a;
-  const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react142.useContext)(ChartOfAccountsContext);
-  const [expandAll, setExpandAll] = (0, import_react142.useState)();
+  const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react143.useContext)(ChartOfAccountsContext);
+  const [expandAll, setExpandAll] = (0, import_react143.useState)();
   const cumulativeIndex = 0;
   const accountsLength = (_a = data == null ? void 0 : data.accounts.length) != null ? _a : 0;
   return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
@@ -26507,10 +26502,10 @@ var ChartOfAccountsTableWithPanel = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
-var import_react145 = require("react");
+var import_react146 = require("react");
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
-var import_react143 = require("react");
+var import_react144 = require("react");
 
 // src/utils/journal.ts
 var getAccountIdentifierPayload = (journalLineItem) => {
@@ -26754,8 +26749,8 @@ var LedgerAccountEntryDetails = ({
   stringOverrides
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
-  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0, import_react143.useContext)(LedgerAccountsContext);
-  const { totalDebit, totalCredit } = (0, import_react143.useMemo)(() => {
+  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0, import_react144.useContext)(LedgerAccountsContext);
+  const { totalDebit, totalCredit } = (0, import_react144.useMemo)(() => {
     var _a2;
     let totalDebit2 = 0;
     let totalCredit2 = 0;
@@ -26901,7 +26896,7 @@ var LedgerAccountEntryDetails = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountRow.tsx
-var import_react144 = require("react");
+var import_react145 = require("react");
 var import_classnames72 = __toESM(require("classnames"));
 var import_date_fns39 = require("date-fns");
 var import_jsx_runtime238 = require("react/jsx-runtime");
@@ -26912,9 +26907,9 @@ var LedgerAccountRow = ({
   view
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react144.useContext)(LedgerAccountsContext);
-  const [showComponent, setShowComponent] = (0, import_react144.useState)(false);
-  (0, import_react144.useEffect)(() => {
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react145.useContext)(LedgerAccountsContext);
+  const [showComponent, setShowComponent] = (0, import_react145.useState)(false);
+  (0, import_react145.useEffect)(() => {
     if (initialLoad) {
       const timeoutId = setTimeout(() => {
         setShowComponent(true);
@@ -27058,9 +27053,9 @@ var LedgerAccount = ({
   stringOverrides
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const [currentPage, setCurrentPage] = (0, import_react145.useState)(1);
-  const [initialLoad, setInitialLoad] = (0, import_react145.useState)(true);
-  const { data: accountData } = (0, import_react145.useContext)(ChartOfAccountsContext);
+  const [currentPage, setCurrentPage] = (0, import_react146.useState)(1);
+  const [initialLoad, setInitialLoad] = (0, import_react146.useState)(true);
+  const { data: accountData } = (0, import_react146.useContext)(ChartOfAccountsContext);
   const {
     data: rawData,
     error,
@@ -27071,8 +27066,8 @@ var LedgerAccount = ({
     selectedEntryId,
     closeSelectedEntry,
     refetch
-  } = (0, import_react145.useContext)(LedgerAccountsContext);
-  (0, import_react145.useEffect)(() => {
+  } = (0, import_react146.useContext)(LedgerAccountsContext);
+  (0, import_react146.useEffect)(() => {
     if (!isLoading) {
       const timeoutLoad = setTimeout(() => {
         setInitialLoad(false);
@@ -27084,12 +27079,12 @@ var LedgerAccount = ({
     "Layer__ledger-account__index",
     accountId && "open"
   );
-  const account = (0, import_react145.useMemo)(() => {
+  const account = (0, import_react146.useMemo)(() => {
     return flattenAccounts((accountData == null ? void 0 : accountData.accounts) || []).find(
       (x) => x.id === accountId
     );
   }, [accountId]);
-  const data = (0, import_react145.useMemo)(() => {
+  const data = (0, import_react146.useMemo)(() => {
     var _a2;
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
@@ -27227,7 +27222,7 @@ var ChartOfAccountsContent = ({
   templateAccountsEditable,
   showAddAccountButton
 }) => {
-  const { accountId } = (0, import_react146.useContext)(LedgerAccountsContext);
+  const { accountId } = (0, import_react147.useContext)(LedgerAccountsContext);
   const { view, containerRef } = useElementViewSize();
   return /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(Container, { name: "chart-of-accounts", ref: containerRef, asWidget, children: accountId ? /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
     LedgerAccount,
@@ -27252,8 +27247,8 @@ var ChartOfAccountsContent = ({
 };
 
 // src/contexts/JournalContext/JournalContext.tsx
-var import_react147 = require("react");
-var JournalContext = (0, import_react147.createContext)({
+var import_react148 = require("react");
+var JournalContext = (0, import_react148.createContext)({
   data: void 0,
   isLoading: false,
   error: void 0,
@@ -27287,7 +27282,7 @@ var JournalContext = (0, import_react147.createContext)({
 });
 
 // src/hooks/useJournal/useJournal.tsx
-var import_react148 = require("react");
+var import_react149 = require("react");
 var import_swr23 = __toESM(require("swr"));
 var useJournal = () => {
   const {
@@ -27299,11 +27294,11 @@ var useJournal = () => {
   } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [selectedEntryId, setSelectedEntryId] = (0, import_react148.useState)();
-  const [form, setForm] = (0, import_react148.useState)();
-  const [addingEntry, setAddingEntry] = (0, import_react148.useState)(false);
-  const [sendingForm, setSendingForm] = (0, import_react148.useState)(false);
-  const [apiError, setApiError] = (0, import_react148.useState)(void 0);
+  const [selectedEntryId, setSelectedEntryId] = (0, import_react149.useState)();
+  const [form, setForm] = (0, import_react149.useState)();
+  const [addingEntry, setAddingEntry] = (0, import_react149.useState)(false);
+  const [sendingForm, setSendingForm] = (0, import_react149.useState)(false);
+  const [apiError, setApiError] = (0, import_react149.useState)(void 0);
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `journal-lines-${businessId}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr23.default)(
     queryKey,
@@ -27519,12 +27514,12 @@ var useJournal = () => {
       params: { businessId, entryId }
     });
   });
-  (0, import_react148.useEffect)(() => {
+  (0, import_react149.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("JOURNAL" /* JOURNAL */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react148.useEffect)(() => {
+  (0, import_react149.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -27556,13 +27551,13 @@ var useJournal = () => {
 };
 
 // src/components/JournalTable/JournalTableWithPanel.tsx
-var import_react154 = require("react");
+var import_react155 = require("react");
 
 // src/components/JournalSidebar/JournalSidebar.tsx
-var import_react152 = require("react");
+var import_react153 = require("react");
 
 // src/components/JournalEntryDetails/JournalEntryDetails.tsx
-var import_react149 = require("react");
+var import_react150 = require("react");
 var import_jsx_runtime241 = require("react/jsx-runtime");
 var JournalEntryDetails = () => {
   var _a, _b, _c, _d;
@@ -27574,16 +27569,16 @@ var JournalEntryDetails = () => {
     selectedEntryId,
     reverseEntry,
     refetch
-  } = (0, import_react149.useContext)(JournalContext);
-  const [reverseEntryProcessing, setReverseEntryProcessing] = (0, import_react149.useState)(false);
-  const [reverseEntryError, setReverseEntryError] = (0, import_react149.useState)();
-  const entry = (0, import_react149.useMemo)(() => {
+  } = (0, import_react150.useContext)(JournalContext);
+  const [reverseEntryProcessing, setReverseEntryProcessing] = (0, import_react150.useState)(false);
+  const [reverseEntryError, setReverseEntryError] = (0, import_react150.useState)();
+  const entry = (0, import_react150.useMemo)(() => {
     if (selectedEntryId && data) {
       return data.find((x) => x.id === selectedEntryId);
     }
     return;
   }, [data, selectedEntryId]);
-  const sortedLineItems = (0, import_react149.useMemo)(
+  const sortedLineItems = (0, import_react150.useMemo)(
     () => {
       var _a2;
       return (_a2 = entry == null ? void 0 : entry.line_items) == null ? void 0 : _a2.sort(
@@ -27761,10 +27756,10 @@ var JournalEntryDetails = () => {
 };
 
 // src/components/JournalForm/JournalForm.tsx
-var import_react151 = require("react");
+var import_react152 = require("react");
 
 // src/components/JournalForm/JournalFormEntryLines.tsx
-var import_react150 = require("react");
+var import_react151 = require("react");
 var import_jsx_runtime242 = require("react/jsx-runtime");
 function recursiveFlattenCategories(accounts) {
   const flattenedResult = accounts.flatMap((a) => {
@@ -27785,8 +27780,8 @@ var JournalFormEntryLines = ({
   config
 }) => {
   const { data: categories } = useCategories({ mode: "ALL" });
-  const { form } = (0, import_react150.useContext)(JournalContext);
-  const { flattenedCategories, parentOptions } = (0, import_react150.useMemo)(() => {
+  const { form } = (0, import_react151.useContext)(JournalContext);
+  const { flattenedCategories, parentOptions } = (0, import_react151.useMemo)(() => {
     const flattenedCategories2 = recursiveFlattenCategories(categories != null ? categories : []);
     const parentOptions2 = [...flattenedCategories2].sort((a, b) => a.display_name.localeCompare(b.display_name)).map((account) => {
       switch (account.type) {
@@ -27897,20 +27892,19 @@ var JournalFormEntryLines = ({
                 className: "Layer__journal__form__input-group__line-item",
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(InputGroup, { name: direction, label: "Amount", inline: true, children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
-                    InputWithBadge,
+                    AmountInput,
                     {
                       name: direction,
-                      placeholder: "$0.00",
-                      value: convertNumberToCurrency(item.amount),
+                      onChange: (value) => changeFormData("amount", value, idx2),
+                      value: item.amount,
                       disabled: sendingForm,
-                      badge: humanizeEnum(direction),
-                      variant: item.direction === "CREDIT" ? "success" /* SUCCESS */ : "warning" /* WARNING */,
-                      onChange: (e) => changeFormData(
-                        "amount",
-                        convertCurrencyToNumber(
-                          e.target.value
-                        ),
-                        idx2
+                      allowNegativeValue: false,
+                      badge: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
+                        Badge,
+                        {
+                          variant: item.direction === "CREDIT" ? "success" /* SUCCESS */ : "warning" /* WARNING */,
+                          children: humanizeEnum(direction)
+                        }
                       ),
                       isInvalid: Boolean(
                         (_a = form == null ? void 0 : form.errors) == null ? void 0 : _a.lineItems.find(
@@ -27998,7 +27992,7 @@ var JournalForm = ({
     changeFormData,
     addEntryLine,
     removeEntryLine
-  } = (0, import_react151.useContext)(JournalContext);
+  } = (0, import_react152.useContext)(JournalContext);
   return /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(
     "form",
     {
@@ -28146,7 +28140,7 @@ var JournalSidebar = ({
   config,
   stringOverrides
 }) => {
-  const { selectedEntryId } = (0, import_react152.useContext)(JournalContext);
+  const { selectedEntryId } = (0, import_react153.useContext)(JournalContext);
   if (selectedEntryId !== "new") {
     return /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(JournalEntryDetails, {});
   }
@@ -28154,7 +28148,7 @@ var JournalSidebar = ({
 };
 
 // src/components/JournalTable/JournalTable.tsx
-var import_react153 = require("react");
+var import_react154 = require("react");
 var import_date_fns40 = require("date-fns");
 var import_jsx_runtime245 = require("react/jsx-runtime");
 var accountName = (row) => {
@@ -28182,9 +28176,9 @@ var JournalTableContent = ({
   data,
   stringOverrides
 }) => {
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react153.useContext)(JournalContext);
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react154.useContext)(JournalContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  (0, import_react153.useEffect)(() => {
+  (0, import_react154.useEffect)(() => {
     if (data.length > 0) {
       setIsOpen(data.map((x) => `journal-row-${x.id}`));
     }
@@ -28192,7 +28186,7 @@ var JournalTableContent = ({
   const renderJournalRow = (row, index, rowKey, depth) => {
     const expandable = !!row.line_items && row.line_items.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(import_react153.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(import_react154.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
         TableRow,
         {
@@ -28368,7 +28362,7 @@ var JournalTableWithPanel = ({
   stringOverrides,
   view
 }) => {
-  const [currentPage, setCurrentPage] = (0, import_react154.useState)(1);
+  const [currentPage, setCurrentPage] = (0, import_react155.useState)(1);
   const {
     data: rawData,
     isLoading,
@@ -28377,8 +28371,8 @@ var JournalTableWithPanel = ({
     refetch,
     selectedEntryId,
     addEntry
-  } = (0, import_react154.useContext)(JournalContext);
-  const data = (0, import_react154.useMemo)(() => {
+  } = (0, import_react155.useContext)(JournalContext);
+  const data = (0, import_react155.useMemo)(() => {
     var _a;
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
@@ -28515,7 +28509,7 @@ var TasksHeader = ({
 };
 
 // src/components/Tasks/TasksList.tsx
-var import_react162 = require("react");
+var import_react163 = require("react");
 
 // src/icons/SmileIcon.tsx
 var import_jsx_runtime250 = require("react/jsx-runtime");
@@ -28574,7 +28568,7 @@ var SmileIcon = (_a) => {
 var SmileIcon_default = SmileIcon;
 
 // src/components/Tasks/TasksListItem.tsx
-var import_react159 = require("react");
+var import_react160 = require("react");
 var import_classnames74 = __toESM(require("classnames"));
 
 // src/utils/bookkeeping/tasks/getBookkeepingTaskStatusIcon.tsx
@@ -28632,7 +28626,7 @@ function completeTaskWithUpload(baseUrl, accessToken, {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useSubmitResponseForTask.ts
-var import_react155 = require("react");
+var import_react156 = require("react");
 function buildKey25({
   access_token: accessToken,
   apiUrl,
@@ -28675,7 +28669,7 @@ function useSubmitUserResponseForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react155.useCallback)(
+  const stableProxiedTrigger = (0, import_react156.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -28702,7 +28696,7 @@ function useSubmitUserResponseForTask() {
 // src/hooks/bookkeeping/periods/tasks/useUploadDocumentsForTask.ts
 var import_swr25 = require("swr");
 var import_mutation16 = __toESM(require("swr/mutation"));
-var import_react156 = require("react");
+var import_react157 = require("react");
 function buildKey26({
   access_token: accessToken,
   apiUrl,
@@ -28741,7 +28735,7 @@ function useUploadDocumentsForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react156.useCallback)(
+  const stableProxiedTrigger = (0, import_react157.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -28768,7 +28762,7 @@ function useUploadDocumentsForTask() {
 // src/hooks/bookkeeping/periods/tasks/useDeleteUploadsOnTask.ts
 var import_swr26 = require("swr");
 var import_mutation17 = __toESM(require("swr/mutation"));
-var import_react157 = require("react");
+var import_react158 = require("react");
 function buildKey27({
   access_token: accessToken,
   apiUrl,
@@ -28804,7 +28798,7 @@ function useDeleteUploadsOnTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react157.useCallback)(
+  const stableProxiedTrigger = (0, import_react158.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -28831,7 +28825,7 @@ function useDeleteUploadsOnTask() {
 // src/hooks/bookkeeping/periods/tasks/useUpdateTaskUploadDescription.ts
 var import_swr27 = require("swr");
 var import_mutation18 = __toESM(require("swr/mutation"));
-var import_react158 = require("react");
+var import_react159 = require("react");
 function buildKey28({
   access_token: accessToken,
   apiUrl,
@@ -28871,7 +28865,7 @@ function useUpdateTaskUploadDescription() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react158.useCallback)(
+  const stableProxiedTrigger = (0, import_react159.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -28902,9 +28896,9 @@ var TasksListItem = ({
   defaultOpen
 }) => {
   var _a, _b;
-  const [isOpen, setIsOpen] = (0, import_react159.useState)(defaultOpen);
-  const [userResponse, setUserResponse] = (0, import_react159.useState)((_a = task.user_response) != null ? _a : "");
-  const [selectedFiles, setSelectedFiles] = (0, import_react159.useState)();
+  const [isOpen, setIsOpen] = (0, import_react160.useState)(defaultOpen);
+  const [userResponse, setUserResponse] = (0, import_react160.useState)((_a = task.user_response) != null ? _a : "");
+  const [selectedFiles, setSelectedFiles] = (0, import_react160.useState)();
   const { trigger: handleSubmitUserResponseForTask } = useSubmitUserResponseForTask();
   const { trigger: handleUploadDocumentsForTask } = useUploadDocumentsForTask();
   const { trigger: handleDeleteUploadsOnTask } = useDeleteUploadsOnTask();
@@ -28922,7 +28916,7 @@ var TasksListItem = ({
     "Layer__tasks-list-item",
     isOpen && "Layer__tasks-list-item__expanded"
   );
-  (0, import_react159.useEffect)(() => {
+  (0, import_react160.useEffect)(() => {
     setIsOpen(defaultOpen);
   }, [defaultOpen]);
   const submit = () => __async(null, null, function* () {
@@ -28937,7 +28931,7 @@ var TasksListItem = ({
     setIsOpen(false);
     setSelectedFiles(void 0);
   });
-  const uploadDocumentAction = (0, import_react159.useMemo)(() => {
+  const uploadDocumentAction = (0, import_react160.useMemo)(() => {
     if (task.user_response_type === "UPLOAD_DOCUMENT") {
       if (task.status === "TODO") {
         if (!selectedFiles) {
@@ -29082,7 +29076,7 @@ var MobilePanel = ({ header, children, open: open2, onClose, className }) => {
 };
 
 // src/components/Tasks/TasksListMobile.tsx
-var import_react160 = require("react");
+var import_react161 = require("react");
 var import_jsx_runtime254 = require("react/jsx-runtime");
 var MOBILE_SHOW_UNRESOLVED_TASKS_COUNT = 2;
 var TasksListMobile = ({
@@ -29093,7 +29087,7 @@ var TasksListMobile = ({
   pageSize,
   setCurrentPage
 }) => {
-  const [showMobilePanel, setShowMobilePanel] = (0, import_react160.useState)(false);
+  const [showMobilePanel, setShowMobilePanel] = (0, import_react161.useState)(false);
   const unresolvedTasks = getIncompleteTasks(sortedTasks).slice(0, MOBILE_SHOW_UNRESOLVED_TASKS_COUNT);
   return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)("div", { className: "Layer__tasks-list", children: [
     unresolvedTasks.map((task, index) => /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
@@ -29141,27 +29135,27 @@ var TasksListMobile = ({
 };
 
 // src/hooks/array/usePaginatedList.ts
-var import_react161 = require("react");
+var import_react162 = require("react");
 function usePaginatedList(list, pageSize) {
-  const [internalPageIndex, setInternalPageIndex] = (0, import_react161.useState)(0);
+  const [internalPageIndex, setInternalPageIndex] = (0, import_react162.useState)(0);
   const pageCount = Math.max(0, Math.ceil(list.length / pageSize));
   const effectivePageIndex = Math.max(0, Math.min(internalPageIndex, pageCount - 1));
-  const pageItems = (0, import_react161.useMemo)(() => {
+  const pageItems = (0, import_react162.useMemo)(() => {
     return list.slice(
       effectivePageIndex * pageSize,
       (effectivePageIndex + 1) * pageSize
     );
   }, [list, effectivePageIndex, pageSize]);
-  const next = (0, import_react161.useCallback)(() => {
+  const next = (0, import_react162.useCallback)(() => {
     setInternalPageIndex(Math.min(effectivePageIndex + 1, pageCount - 1));
   }, [effectivePageIndex, pageCount]);
-  const set2 = (0, import_react161.useCallback)((pageIndex) => {
+  const set2 = (0, import_react162.useCallback)((pageIndex) => {
     setInternalPageIndex(Math.max(0, Math.min(pageIndex, pageCount - 1)));
   }, [pageCount]);
-  const previous = (0, import_react161.useCallback)(() => {
+  const previous = (0, import_react162.useCallback)(() => {
     setInternalPageIndex(Math.max(effectivePageIndex - 1, 0));
   }, [effectivePageIndex]);
-  const reset = (0, import_react161.useCallback)(() => {
+  const reset = (0, import_react162.useCallback)(() => {
     setInternalPageIndex(0);
   }, []);
   return {
@@ -29189,7 +29183,7 @@ var TasksEmptyState = () => /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)("div
 ] });
 function TasksList({ pageSize = 8, mobile }) {
   const { activePeriod } = useActiveBookkeepingPeriod();
-  const sortedTasks = (0, import_react162.useMemo)(() => {
+  const sortedTasks = (0, import_react163.useMemo)(() => {
     var _a;
     const tasksInPeriod = (_a = activePeriod == null ? void 0 : activePeriod.tasks) != null ? _a : [];
     return tasksInPeriod.sort((taskA, taskB) => {
@@ -29331,7 +29325,7 @@ var TasksPending = () => {
 };
 
 // src/components/Tasks/TasksMonthSelector.tsx
-var import_react163 = require("react");
+var import_react164 = require("react");
 var import_date_fns42 = require("date-fns");
 
 // src/components/Tasks/TaskStatusBadge.tsx
@@ -29433,7 +29427,7 @@ function useActiveYearBookkeepingPeriods() {
   const { date } = useGlobalDate();
   const { data } = useBookkeepingPeriods();
   const activeYear = (0, import_date_fns42.getYear)(date);
-  const periodsInActiveYear = (0, import_react163.useMemo)(() => {
+  const periodsInActiveYear = (0, import_react164.useMemo)(() => {
     return data == null ? void 0 : data.filter((period) => period.year === activeYear);
   }, [data, activeYear]);
   return { periodsInActiveYear };
@@ -29444,7 +29438,7 @@ function TasksMonthSelector() {
   const { periodsInActiveYear } = useActiveYearBookkeepingPeriods();
   const activeMonthNumber = (0, import_date_fns42.getMonth)(date) + 1;
   const activeYear = (0, import_date_fns42.getYear)(date);
-  const monthsData = (0, import_react163.useMemo)(() => {
+  const monthsData = (0, import_react164.useMemo)(() => {
     return Array.from({ length: 12 }, (_, index) => {
       var _a, _b;
       const date2 = (0, import_date_fns42.set)(
@@ -29494,13 +29488,13 @@ var import_classnames78 = __toESM(require("classnames"));
 var import_pluralize3 = __toESM(require("pluralize"));
 
 // src/hooks/bookkeeping/periods/useBookkeepingYearsStatus.ts
-var import_react164 = require("react");
+var import_react165 = require("react");
 var import_date_fns43 = require("date-fns");
 var useBookkeepingYearsStatus = () => {
   const { business } = useLayerContext();
   const activationDate = getActivationDate(business);
   const { data, isLoading } = useBookkeepingPeriods();
-  const yearStatuses = (0, import_react164.useMemo)(() => {
+  const yearStatuses = (0, import_react165.useMemo)(() => {
     const startYear = (0, import_date_fns43.getYear)(activationDate != null ? activationDate : /* @__PURE__ */ new Date());
     const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
     const count = currentYear - startYear + 1;
@@ -29515,7 +29509,7 @@ var useBookkeepingYearsStatus = () => {
       };
     }).filter(({ year }) => data == null ? void 0 : data.some((period) => period.year === year)).sort((a, b) => b.year - a.year);
   }, [activationDate, data]);
-  const earliestIncompletePeriod = (0, import_react164.useMemo)(
+  const earliestIncompletePeriod = (0, import_react165.useMemo)(
     () => [...data != null ? data : []].sort((a, b) => {
       if (a.year === b.year) {
         return b.month - a.month;
@@ -29658,10 +29652,10 @@ var TasksPanelNotification = ({
 };
 
 // src/components/Tasks/TasksYearsTabs.tsx
-var import_react167 = require("react");
+var import_react168 = require("react");
 
 // src/components/Tabs/Tabs.tsx
-var import_react165 = require("react");
+var import_react166 = require("react");
 
 // src/components/Tabs/Tab.tsx
 var import_jsx_runtime263 = require("react/jsx-runtime");
@@ -29725,12 +29719,12 @@ var Tab = ({
 // src/components/Tabs/Tabs.tsx
 var import_classnames77 = __toESM(require("classnames"));
 var import_jsx_runtime264 = require("react/jsx-runtime");
-var import_react166 = require("react");
+var import_react167 = require("react");
 var STARTING_PADDING = 12;
 var Tabs = ({ name, options, selected, onChange }) => {
-  const [initialized, setInitialized] = (0, import_react165.useState)(false);
-  const [thumbPos, setThumbPos] = (0, import_react165.useState)({ left: 0, width: 0 });
-  const [currentWidth, setCurrentWidth] = (0, import_react165.useState)(0);
+  const [initialized, setInitialized] = (0, import_react166.useState)(false);
+  const [thumbPos, setThumbPos] = (0, import_react166.useState)({ left: 0, width: 0 });
+  const [currentWidth, setCurrentWidth] = (0, import_react166.useState)(0);
   const selectedValue = selected || options[0].value;
   const baseClassName = (0, import_classnames77.default)(
     "Layer__tabs",
@@ -29765,14 +29759,14 @@ var Tabs = ({ name, options, selected, onChange }) => {
     shift2 = shift2 + STARTING_PADDING;
     setThumbPos({ left: shift2, width });
   };
-  (0, import_react165.useEffect)(() => {
+  (0, import_react166.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateSelectPosition(selectedIndex);
     setTimeout(() => {
       setInitialized(true);
     }, 400);
   }, []);
-  (0, import_react165.useEffect)(() => {
+  (0, import_react166.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateSelectPosition(selectedIndex);
   }, [selectedValue, currentWidth]);
@@ -29788,7 +29782,7 @@ var Tabs = ({ name, options, selected, onChange }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime264.jsx)("div", { className: "Layer__tabs__container", children: /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)("div", { className: baseClassName, ref: elementRef, children: [
     options.map((option, index) => {
       var _a;
-      return /* @__PURE__ */ (0, import_react166.createElement)(
+      return /* @__PURE__ */ (0, import_react167.createElement)(
         Tab,
         __spreadProps(__spreadValues({}, option), {
           key: option.value,
@@ -29820,7 +29814,7 @@ var TasksYearsTabs = () => {
       yearNumber: Number(year)
     });
   };
-  const yearsList = (0, import_react167.useMemo)(() => {
+  const yearsList = (0, import_react168.useMemo)(() => {
     return yearStatuses == null ? void 0 : yearStatuses.sort((a, b) => a.year - b.year).map((y) => {
       return {
         value: `${y.year}`,
@@ -29923,10 +29917,10 @@ function Tasks({
 }
 
 // src/components/PlatformOnboarding/LinkAccounts.tsx
-var import_react170 = require("react");
+var import_react171 = require("react");
 
 // src/components/PlatformOnboarding/Steps/LinkAccountsConfirmationStep.tsx
-var import_react168 = require("react");
+var import_react169 = require("react");
 var import_react_form3 = require("@tanstack/react-form");
 
 // src/components/PlatformOnboarding/Container/LinkAccountsListContainer.tsx
@@ -29962,7 +29956,7 @@ function LinkAccountsConfirmationStep() {
     data: linkedAccounts,
     loadingStatus: linkedAccountsLoadingStatus,
     refetchAccounts
-  } = (0, import_react168.useContext)(LinkedAccountsContext);
+  } = (0, import_react169.useContext)(LinkedAccountsContext);
   const effectiveLinkedAccounts = linkedAccounts ? getAccountsNeedingConfirmation(linkedAccounts) : [];
   const { trigger } = useConfirmAndExcludeMultiple({ onSuccess: refetchAccounts });
   const { previous, next } = useWizard();
@@ -30035,7 +30029,7 @@ function LinkAccountsConfirmationStep() {
 }
 
 // src/components/PlatformOnboarding/Steps/LinkAccountsLinkStep.tsx
-var import_react169 = require("react");
+var import_react170 = require("react");
 var import_pluralize4 = __toESM(require("pluralize"));
 var import_jsx_runtime270 = require("react/jsx-runtime");
 function LinkAccountsLinkStep() {
@@ -30045,7 +30039,7 @@ function LinkAccountsLinkStep() {
     error,
     refetchAccounts,
     addConnection
-  } = (0, import_react169.useContext)(LinkedAccountsContext);
+  } = (0, import_react170.useContext)(LinkedAccountsContext);
   const { next } = useWizard();
   const effectiveAccounts = data != null ? data : [];
   return /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(import_jsx_runtime270.Fragment, { children: [
@@ -30125,7 +30119,7 @@ function LinkAccounts(props) {
 function LinkAccountsContent({
   onComplete
 }) {
-  const { data: linkedAccounts, loadingStatus } = (0, import_react170.useContext)(LinkedAccountsContext);
+  const { data: linkedAccounts, loadingStatus } = (0, import_react171.useContext)(LinkedAccountsContext);
   const linkedAccountsNeedingConfirmation = linkedAccounts ? getAccountsNeedingConfirmation(linkedAccounts) : [];
   const hideConfirmationStep = loadingStatus === "complete" && linkedAccountsNeedingConfirmation.length === 0;
   return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("section", { className: "Layer__link-accounts Layer__component", children: /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(
@@ -30143,7 +30137,7 @@ function LinkAccountsContent({
 }
 
 // src/components/PlatformOnboarding/PlatformOnboarding.tsx
-var import_react175 = require("react");
+var import_react176 = require("react");
 
 // src/components/ProgressSteps/ProgressSteps.tsx
 var import_jsx_runtime272 = require("react/jsx-runtime");
@@ -30526,7 +30520,7 @@ function useBusinessPersonnel() {
 // src/hooks/businessPersonnel/useCreateBusinessPersonnel.ts
 var import_mutation19 = __toESM(require("swr/mutation"));
 var import_swr29 = require("swr");
-var import_react171 = require("react");
+var import_react172 = require("react");
 var createBusinessPersonnel = post(({ businessId }) => `/v1/businesses/${businessId}/personnel`);
 function buildKey30({
   access_token: accessToken,
@@ -30564,7 +30558,7 @@ function useCreateBusinessPersonnel() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react171.useCallback)(
+  const stableProxiedTrigger = (0, import_react172.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -30598,7 +30592,7 @@ var updateBusinessPersonnel = post(({ businessId, businessPersonnelId }) => {
 });
 
 // src/hooks/businessPersonnel/useUpdateBusinessPersonnel.ts
-var import_react172 = require("react");
+var import_react173 = require("react");
 function buildKey31({
   access_token: accessToken,
   apiUrl,
@@ -30641,7 +30635,7 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react172.useCallback)(
+  const stableProxiedTrigger = (0, import_react173.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -30668,7 +30662,7 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
 // src/hooks/business/useUpdateBusiness.ts
 var import_mutation21 = __toESM(require("swr/mutation"));
 var import_swr31 = require("swr");
-var import_react173 = require("react");
+var import_react174 = require("react");
 var BUSINESS_TAG_KEY = "business";
 function buildKey32({
   access_token: accessToken,
@@ -30706,7 +30700,7 @@ function useUpdateBusiness() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react173.useCallback)(
+  const stableProxiedTrigger = (0, import_react174.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -30731,7 +30725,7 @@ function useUpdateBusiness() {
 }
 
 // src/components/BusinessForm/useBusinessForm.ts
-var import_react174 = require("react");
+var import_react175 = require("react");
 var getPerson = (personnel) => {
   const owners = personnel == null ? void 0 : personnel.filter((p) => p.roles.find((x) => x.role === "OWNER"));
   if (owners && owners.length > 0) {
@@ -30742,7 +30736,7 @@ var getPerson = (personnel) => {
 var useBusinessForm = ({ onSuccess }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const { business } = useLayerContext();
-  const [submitError, setSubmitError] = (0, import_react174.useState)(void 0);
+  const [submitError, setSubmitError] = (0, import_react175.useState)(void 0);
   const { data: personnel } = useBusinessPersonnel();
   const person = getPerson(personnel);
   const { trigger: createBusinessPersonnel2 } = useCreateBusinessPersonnel();
@@ -31158,7 +31152,7 @@ var PLATFORM_ONBOARDING_STEPS = [
   }
 ];
 var PlatformOnboarding = ({ onComplete }) => {
-  const [step, setStep] = (0, import_react175.useState)(PLATFORM_ONBOARDING_STEPS[0].id);
+  const [step, setStep] = (0, import_react176.useState)(PLATFORM_ONBOARDING_STEPS[0].id);
   const isFirstStep = PLATFORM_ONBOARDING_STEPS[0].id === step;
   const nextStep = () => {
     const currentStepIndex = PLATFORM_ONBOARDING_STEPS.findIndex((s) => s.id === step);
@@ -31320,7 +31314,7 @@ var BookkeepingUpsellBar = ({
 };
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
-var import_react177 = require("react");
+var import_react178 = require("react");
 
 // src/views/BookkeepingOverview/internal/BookkeepingProfitAndLossSummariesContainer.tsx
 var import_jsx_runtime286 = require("react/jsx-runtime");
@@ -31335,15 +31329,15 @@ function BookkeepingProfitAndLossSummariesContainer({
 var import_classnames79 = __toESM(require("classnames"));
 
 // src/views/BookkeepingOverview/useKeepInMobileViewport.tsx
-var import_react176 = require("react");
+var import_react177 = require("react");
 var TASKS_MOBILE_VIEWPORT_WIDTH = 1100;
 var useKeepInMobileViewport = () => {
-  const upperContentRef = (0, import_react176.useRef)(null);
-  const targetElementRef = (0, import_react176.useRef)(null);
-  const lastKnownSizeRef = (0, import_react176.useRef)(null);
-  const lastKnownTargetPositionRef = (0, import_react176.useRef)(null);
-  const upperElementInFocus = (0, import_react176.useRef)(false);
-  (0, import_react176.useEffect)(() => {
+  const upperContentRef = (0, import_react177.useRef)(null);
+  const targetElementRef = (0, import_react177.useRef)(null);
+  const lastKnownSizeRef = (0, import_react177.useRef)(null);
+  const lastKnownTargetPositionRef = (0, import_react177.useRef)(null);
+  const upperElementInFocus = (0, import_react177.useRef)(false);
+  (0, import_react177.useEffect)(() => {
     if (!upperContentRef.current || !targetElementRef.current) return;
     lastKnownSizeRef.current = upperContentRef.current.getBoundingClientRect().height;
     lastKnownTargetPositionRef.current = targetElementRef.current.getBoundingClientRect().top;
@@ -31400,7 +31394,7 @@ var BookkeepingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const [pnlToggle, setPnlToggle] = (0, import_react177.useState)("expenses");
+  const [pnlToggle, setPnlToggle] = (0, import_react178.useState)("expenses");
   const [width] = useWindowSize();
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
   const { upperContentRef, targetElementRef, upperElementInFocus } = useKeepInMobileViewport();
@@ -31531,7 +31525,7 @@ var BookkeepingOverview = ({
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-var import_react178 = require("react");
+var import_react179 = require("react");
 var import_classnames80 = __toESM(require("classnames"));
 var import_jsx_runtime288 = require("react/jsx-runtime");
 var AccountingOverview = ({
@@ -31547,7 +31541,7 @@ var AccountingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e;
-  const [pnlToggle, setPnlToggle] = (0, import_react178.useState)("expenses");
+  const [pnlToggle, setPnlToggle] = (0, import_react179.useState)("expenses");
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
   return /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
     ProfitAndLoss,
@@ -31714,7 +31708,7 @@ var BankTransactionsWithLinkedAccounts = ({
 };
 
 // src/views/GeneralLedger/GeneralLedger.tsx
-var import_react179 = require("react");
+var import_react180 = require("react");
 var import_jsx_runtime290 = require("react/jsx-runtime");
 var GeneralLedgerView = ({
   title,
@@ -31723,7 +31717,7 @@ var GeneralLedgerView = ({
   stringOverrides,
   chartOfAccountsOptions
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react179.useState)("chartOfAccounts");
+  const [activeTab, setActiveTab] = (0, import_react180.useState)("chartOfAccounts");
   return /* @__PURE__ */ (0, import_jsx_runtime290.jsx)(ProfitAndLoss, { asContainer: false, children: /* @__PURE__ */ (0, import_jsx_runtime290.jsxs)(
     View,
     {
@@ -31765,7 +31759,7 @@ var GeneralLedgerView = ({
 };
 
 // src/views/ProjectProfitability/ProjectProfitability.tsx
-var import_react180 = require("react");
+var import_react181 = require("react");
 var import_react_select6 = __toESM(require("react-select"));
 var import_jsx_runtime291 = require("react/jsx-runtime");
 var ProjectProfitabilityView = ({
@@ -31775,9 +31769,9 @@ var ProjectProfitabilityView = ({
   datePickerMode = "monthPicker",
   csvMoneyFormat = "DOLLAR_STRING"
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react180.useState)("overview");
-  const [tagFilter, setTagFilter] = (0, import_react180.useState)(null);
-  const [pnlTagFilter, setPnlTagFilter] = (0, import_react180.useState)(
+  const [activeTab, setActiveTab] = (0, import_react181.useState)("overview");
+  const [tagFilter, setTagFilter] = (0, import_react181.useState)(null);
+  const [pnlTagFilter, setPnlTagFilter] = (0, import_react181.useState)(
     void 0
   );
   const isOptionSelected = (option, selectValue) => {
@@ -31876,7 +31870,7 @@ var ProjectProfitabilityView = ({
 };
 
 // src/views/Reports/Reports.tsx
-var import_react181 = require("react");
+var import_react182 = require("react");
 var import_jsx_runtime292 = require("react/jsx-runtime");
 var getOptions = (enabledReports) => {
   return [
@@ -31904,7 +31898,7 @@ var Reports = ({
   statementOfCashFlowConfig
 }) => {
   var _a;
-  const [activeTab, setActiveTab] = (0, import_react181.useState)(enabledReports[0]);
+  const [activeTab, setActiveTab] = (0, import_react182.useState)(enabledReports[0]);
   const { view, containerRef } = useElementViewSize();
   const options = getOptions(enabledReports);
   const defaultTitle4 = enabledReports.length > 1 ? "Reports" : (_a = options.find((option) => option.value = enabledReports[0])) == null ? void 0 : _a.label;
@@ -31966,11 +31960,11 @@ var ReportsPanel = ({
 };
 
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
-var import_react182 = require("react");
+var import_react183 = require("react");
 var import_jsx_runtime293 = require("react/jsx-runtime");
 var COMPONENT_NAME8 = "profit-and-loss";
 var ProfitAndLossView = (props) => {
-  const containerRef = (0, import_react182.useRef)(null);
+  const containerRef = (0, import_react183.useRef)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(Container, { name: COMPONENT_NAME8, ref: containerRef, children: /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(ProfitAndLoss, { children: /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(ProfitAndLossPanel, __spreadValues({ containerRef }, props)) }) });
 };
 var ProfitAndLossPanel = (_a) => {
@@ -31981,7 +31975,7 @@ var ProfitAndLossPanel = (_a) => {
     "containerRef",
     "stringOverrides"
   ]);
-  const { sidebarScope } = (0, import_react182.useContext)(ProfitAndLoss.Context);
+  const { sidebarScope } = (0, import_react183.useContext)(ProfitAndLoss.Context);
   return /* @__PURE__ */ (0, import_jsx_runtime293.jsxs)(
     Panel,
     {
@@ -32012,7 +32006,7 @@ var Components = ({
   hideTable = false,
   stringOverrides
 }) => {
-  const { error, isLoading, isValidating, refetch } = (0, import_react182.useContext)(
+  const { error, isLoading, isValidating, refetch } = (0, import_react183.useContext)(
     ProfitAndLoss.Context
   );
   if (!isLoading && error) {