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

package/dist/esm/index.mjs

@@ -5570,7 +5570,7 @@ import { useState as useState8 } from "react";
 import { useReducer, useEffect as useEffect4 } from "react";
 
 // package.json
-var version = "0.1.102-alpha.1";
+var version = "0.1.102-alpha.2";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -11540,20 +11540,34 @@ function ModalActions({ children }) {
 }
 
 // src/components/ui/Stack/Stack.tsx
+import { forwardRef as forwardRef11 } from "react";
 import classNames22 from "classnames";
 import { jsx as jsx71 } from "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__ */ jsx71("div", __spreadProps(__spreadValues(__spreadValues({}, restProps), dataProperties), { className: classNames22(CLASS_NAME2, className), children }));
-}
-function VStack(props) {
-  return /* @__PURE__ */ jsx71(Stack, __spreadProps(__spreadValues({}, props), { direction: "column" }));
-}
-function HStack(props) {
-  return /* @__PURE__ */ jsx71(Stack, __spreadProps(__spreadValues({}, props), { direction: "row" }));
-}
+var Stack = forwardRef11(
+  (_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__ */ jsx71(
+      "div",
+      __spreadProps(__spreadValues(__spreadValues({
+        ref
+      }, restProps), dataProperties), {
+        className: classNames22(CLASS_NAME2, className),
+        children
+      })
+    );
+  }
+);
+Stack.displayName = "Stack";
+var VStack = forwardRef11((props, ref) => {
+  return /* @__PURE__ */ jsx71(Stack, __spreadProps(__spreadValues({}, props), { ref, direction: "column" }));
+});
+VStack.displayName = "VStack";
+var HStack = forwardRef11((props, ref) => {
+  return /* @__PURE__ */ jsx71(Stack, __spreadProps(__spreadValues({}, props), { ref, direction: "row" }));
+});
+HStack.displayName = "HStack";
 var Spacer = () => /* @__PURE__ */ jsx71("div", { className: "Layer__Spacer" });
 
 // src/components/utility/ConditionalList.tsx
@@ -12225,39 +12239,6 @@ var Select = ({
 // src/components/Input/InputWithBadge.tsx
 import classNames28 from "classnames";
 import { jsx as jsx84, jsxs as jsxs47 } from "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 = classNames28(
-    "Layer__input",
-    isInvalid ? "Layer__input--error" : "",
-    leftText ? "Layer__input--with-left-text" : "",
-    className
-  );
-  return /* @__PURE__ */ jsxs47(Tooltip, { disabled: !isInvalid || !errorMessage, children: [
-    /* @__PURE__ */ jsxs47(TooltipTrigger, { className: "Layer__input-tooltip", children: [
-      /* @__PURE__ */ jsxs47("div", { className: "Layer__input-with-badge", children: [
-        /* @__PURE__ */ jsx84("input", __spreadProps(__spreadValues({}, props), { className: baseClassName })),
-        badge && /* @__PURE__ */ jsx84(Badge, { variant, children: badge })
-      ] }),
-      leftText && /* @__PURE__ */ jsx84("span", { className: "Layer__input-left-text", children: leftText })
-    ] }),
-    /* @__PURE__ */ jsx84(TooltipContent, { className: "Layer__tooltip", children: errorMessage })
-  ] });
-};
 
 // src/components/Input/MultiSelect.tsx
 import { useCallback as useCallback4 } from "react";
@@ -12326,6 +12307,7 @@ var AmountInput = (_a) => {
     leftText,
     errorMessage,
     isInvalid,
+    badge,
     placeholder = "$0.00"
   } = _b, props = __objRest(_b, [
     "onChange",
@@ -12333,30 +12315,38 @@ var AmountInput = (_a) => {
     "leftText",
     "errorMessage",
     "isInvalid",
+    "badge",
     "placeholder"
   ]);
   const baseClassName = classNames30(
     "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__ */ jsx86(
+    CurrencyInput,
+    __spreadProps(__spreadValues({}, props), {
+      intlConfig: {
+        locale: "en-US",
+        currency: "USD"
+      },
+      prefix: "$",
+      placeholder,
+      decimalScale: 2,
+      decimalsLimit: 2,
+      disableAbbreviations: true,
+      onValueChange: onChange,
+      className: baseClassName
+    })
+  );
   return /* @__PURE__ */ jsxs49(Tooltip, { disabled: !isInvalid || !errorMessage, children: [
     /* @__PURE__ */ jsxs49(TooltipTrigger, { className: "Layer__input-tooltip", children: [
-      /* @__PURE__ */ jsx86(
-        CurrencyInput,
-        __spreadProps(__spreadValues({}, props), {
-          intlConfig: {
-            locale: "en-US",
-            currency: "USD"
-          },
-          prefix: "$",
-          placeholder,
-          decimalsLimit: 2,
-          onValueChange: onChange,
-          className: baseClassName
-        })
-      ),
+      badge ? /* @__PURE__ */ jsxs49("div", { className: "Layer__input-with-badge", children: [
+        currencyInput,
+        badge
+      ] }) : currencyInput,
       leftText && /* @__PURE__ */ jsx86("span", { className: "Layer__input-left-text", children: leftText })
     ] }),
     /* @__PURE__ */ jsx86(TooltipContent, { className: "Layer__tooltip", children: errorMessage })
@@ -13036,10 +13026,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) {
@@ -13270,7 +13264,7 @@ var LinkedAccountsComponent = ({
 };
 
 // src/components/UploadTransactions/UploadTransactions.tsx
-import { useCallback as useCallback13, useState as useState22 } from "react";
+import { useCallback as useCallback12, useState as useState22 } from "react";
 
 // src/components/Wizard/Wizard.tsx
 import {
@@ -13661,7 +13655,7 @@ var CustomAccountForm = ({ initialAccountName, onCancel, onSuccess }) => {
           submitError && /* @__PURE__ */ jsx94(ErrorText, { pb: "xs", children: submitError }),
           /* @__PURE__ */ jsx94(Spacer, {}),
           onCancel && /* @__PURE__ */ jsx94(Button, { type: "button", variant: "secondary" /* secondary */, onClick: onCancel, children: "Cancel" }),
-          /* @__PURE__ */ jsx94(SubmitButton, { type: "submit", processing: isSubmitting, noIcon: !isSubmitting, withRetry: true, error: submitError, children: "Submit" })
+          /* @__PURE__ */ jsx94(SubmitButton, { type: "submit", processing: isSubmitting, noIcon: !isSubmitting, withRetry: true, error: submitError, children: submitError ? "Retry" : "Submit" })
         ] })
       ] })
     }
@@ -13983,6 +13977,7 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
     "Layer__upload-transactions__select-account-name-input",
     !!customAccountsError && "Layer__upload-transactions__select-account-name-input--error"
   );
+  const hasSelectedAccount = selectedAccount && selectedAccount.value !== "new_account";
   return /* @__PURE__ */ jsxs58(VStack, { gap: "lg", children: [
     /* @__PURE__ */ jsxs58(HStack, { fluid: true, align: "center", gap: "lg", className: "Layer__upload-transactions__select-account-name-field", children: [
       /* @__PURE__ */ jsx99(Label, { htmlFor: "account_name", children: "Account name" }),
@@ -14007,7 +14002,7 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
     selectedAccount && selectedAccount.value === "new_account" && /* @__PURE__ */ jsx99(VStack, { className: "Layer__upload-transactions__create-account-form", children: /* @__PURE__ */ jsx99(
       CustomAccountForm,
       {
-        initialAccountName: (_a = selectedAccount == null ? void 0 : selectedAccount.createdAccountName) != null ? _a : "",
+        initialAccountName: (_a = selectedAccount.createdAccountName) != null ? _a : "",
         onCancel: onCancelCreateAccount,
         onSuccess: onCreateAccountSuccess
       }
@@ -14035,8 +14030,8 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
       /* @__PURE__ */ jsx99(
         SubmitButton,
         {
-          tooltip: selectedFile && (!selectedAccount || selectedAccount.value === "new_account") ? "Select an account" : null,
-          disabled: !selectedAccount || selectedAccount.value === "new_account" || !selectedFile,
+          tooltip: selectedFile && !hasSelectedAccount ? "Select an account" : null,
+          disabled: !hasSelectedAccount || !selectedFile,
           processing: isParsingCsv,
           error: hasParseCsvError,
           onClick: onClickContinue,
@@ -14050,13 +14045,11 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
 }
 
 // src/components/UploadTransactions/UploadTransactionsValidateCsvStep.tsx
-import { useCallback as useCallback12 } from "react";
+import { useCallback as useCallback11 } from "react";
 import { RefreshCcw as RefreshCcw2 } from "lucide-react";
 
 // src/hooks/customAccounts/useCreateCustomAccountTransactions.ts
-import { useCallback as useCallback11 } from "react";
 import useSWRMutation7 from "swr/mutation";
-import { useSWRConfig as useSWRConfig4 } from "swr";
 var createCustomAccountTransactions = post(({ businessId, customAccountId }) => `/v1/businesses/${businessId}/custom-accounts/${customAccountId}/transactions`);
 function buildKey11({
   access_token: accessToken,
@@ -14075,8 +14068,7 @@ function buildKey11({
 function useCreateCustomAccountTransactions() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig4();
-  const mutationResponse = useSWRMutation7(
+  return useSWRMutation7(
     () => buildKey11(__spreadProps(__spreadValues({}, data), {
       businessId
     })),
@@ -14099,29 +14091,6 @@ function useCreateCustomAccountTransactions() {
       throwOnError: false
     }
   );
-  const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback11(
-    (...triggerParameters) => __async(null, null, function* () {
-      const triggerResult = yield originalTrigger(...triggerParameters);
-      void mutate((key) => withSWRKeyTags(
-        key,
-        (tags) => tags.includes(BANK_TRANSACTIONS_TAG_KEY)
-      ));
-      return triggerResult;
-    }),
-    [
-      originalTrigger,
-      mutate
-    ]
-  );
-  return new Proxy(mutationResponse, {
-    get(target, prop) {
-      if (prop === "trigger") {
-        return stableProxiedTrigger;
-      }
-      return Reflect.get(target, prop);
-    }
-  });
 }
 
 // src/components/CsvUpload/ValidateCsvTable.tsx
@@ -14192,7 +14161,6 @@ function ValidateCsvTable({ data, headers, formatters: formatters2, className })
     getCoreRowModel: getCoreRowModel(),
     getSortedRowModel: getSortedRowModel()
   });
-  const tableContainerRef = useRef9(null);
   return /* @__PURE__ */ jsxs59("div", { className: `${className} Layer__csv-upload__validate-csv-table__container`, children: [
     /* @__PURE__ */ jsx100("table", { className: "Layer__table", children: /* @__PURE__ */ jsx100("thead", { className: "Layer__csv-upload__validate-csv-table__thead", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx100("tr", { className: "Layer__csv-upload__validate-csv-table__header-row", children: headerGroup.headers.map((header) => {
       const headerCellClassName = classNames35(
@@ -14202,19 +14170,20 @@ function ValidateCsvTable({ data, headers, formatters: formatters2, className })
       );
       return /* @__PURE__ */ jsx100("th", { className: headerCellClassName, children: flexRender(header.column.columnDef.header, header.getContext()) }, header.id);
     }) }, headerGroup.id)) }) }),
-    /* @__PURE__ */ jsx100("div", { ref: tableContainerRef, className: "Layer__csv-upload__validate-csv-table__scroll_container", children: /* @__PURE__ */ jsx100("table", { className: "Layer__table", children: /* @__PURE__ */ jsx100(ValidateCsvTableBody, { table, tableContainerRef }) }) })
+    /* @__PURE__ */ jsx100(ValidateCsvTableBody, { table })
   ] });
 }
-function ValidateCsvTableBody({ table, tableContainerRef }) {
+function ValidateCsvTableBody({ table }) {
   const { rows } = table.getRowModel();
+  const containerRef = useRef9(null);
   const rowVirtualizer = 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__ */ jsxs59("tbody", { children: [
+  return /* @__PURE__ */ jsx100("div", { ref: containerRef, className: "Layer__csv-upload__validate-csv-table__scroll_container", children: /* @__PURE__ */ jsx100("table", { className: "Layer__table", children: /* @__PURE__ */ jsxs59("tbody", { children: [
     /* @__PURE__ */ jsx100("tr", { style: { height: BODY_HEIGHT }, children: /* @__PURE__ */ jsx100("td", { style: { height: BODY_HEIGHT, padding: 0 }, colSpan: table.getAllColumns().length - 1 }) }),
     rowVirtualizer.getVirtualItems().map((virtualRow) => {
       const row = rows[virtualRow.index];
@@ -14228,7 +14197,7 @@ function ValidateCsvTableBody({ table, tableContainerRef }) {
         row.id
       );
     })
-  ] });
+  ] }) }) });
 }
 function ValidateCsvTableRow({ row, virtualRow, rowVirtualizer }) {
   const tableRowClassName = classNames35(
@@ -14272,7 +14241,7 @@ function UploadTransactionsValidateCsvStep({ parseCsvResponse, selectedAccountId
     new_transactions_preview: transactionsPreview,
     new_transactions_request: transactionsRequest
   } = parseCsvResponse;
-  const onClickUploadTransactions = useCallback12(() => {
+  const onClickUploadTransactions = useCallback11(() => {
     void uploadTransactions(__spreadProps(__spreadValues({}, transactionsRequest), {
       customAccountId: selectedAccountId
     }));
@@ -14308,7 +14277,7 @@ function UploadTransactionsValidateCsvStep({ parseCsvResponse, selectedAccountId
           onClick: onClickUploadTransactions,
           action: "upload" /* UPLOAD */,
           withRetry: true,
-          children: "Upload transactions"
+          children: uploadTransactionsError ? "Retry" : "Upload transactions"
         }
       )
     ] })
@@ -14323,24 +14292,25 @@ function UploadTransactions({ onComplete }) {
   const [file, setFile] = useState22(null);
   const [parseCsvResponse, setParseCsvResponse] = useState22(null);
   const isValid2 = parseCsvResponse == null ? void 0 : parseCsvResponse.is_valid;
-  const onSelectAccount = useCallback13((account) => {
+  const onSelectAccount = useCallback12((account) => {
     setSelectedAccount(account);
   }, []);
-  const onSelectFile = useCallback13((file2) => {
+  const onSelectFile = useCallback12((file2) => {
     setFile(file2);
     setParseCsvResponse(null);
   }, []);
-  const goBack = useCallback13((step = 1) => setCurrentStep(currentStep - step), [currentStep]);
-  const goForward = useCallback13((step = 1) => setCurrentStep(currentStep + step), [currentStep]);
-  const onParseCsv = useCallback13((parseCsvResponse2) => {
+  const onParseCsv = useCallback12((parseCsvResponse2) => {
     setParseCsvResponse(parseCsvResponse2);
-    goForward();
-  }, [goForward]);
-  const onReupload = useCallback13(() => {
+    setCurrentStep(1 /* ValidateCsv */);
+  }, []);
+  const goRestartFlow = useCallback12(() => {
+    setCurrentStep(0 /* UploadCsv */);
+  }, []);
+  const onReupload = useCallback12(() => {
     setFile(null);
     setParseCsvResponse(null);
-    goBack();
-  }, [goBack]);
+    setCurrentStep(0 /* UploadCsv */);
+  }, []);
   return /* @__PURE__ */ jsx102("section", { className: "Layer__component", children: /* @__PURE__ */ jsxs61(
     Wizard,
     {
@@ -14376,7 +14346,7 @@ function UploadTransactions({ onComplete }) {
           {
             selectedAccountId: selectedAccount.value,
             parseCsvResponse,
-            onGoBack: goBack,
+            onGoBack: goRestartFlow,
             onReupload
           }
         )
@@ -15320,10 +15290,10 @@ var CategorySelect = ({
 
 // src/components/ExpandedBankTransactionRow/ExpandedBankTransactionRow.tsx
 import {
-  forwardRef as forwardRef12,
+  forwardRef as forwardRef13,
   useImperativeHandle as useImperativeHandle2,
   useState as useState28,
-  useCallback as useCallback15,
+  useCallback as useCallback14,
   useEffect as useEffect14,
   useRef as useRef11
 } from "react";
@@ -15455,7 +15425,7 @@ var Trash = (_a) => {
 var Trash_default = Trash;
 
 // src/components/BankTransactionReceipts/BankTransactionReceipts.tsx
-import { forwardRef as forwardRef11, useImperativeHandle } from "react";
+import { forwardRef as forwardRef12, useImperativeHandle } from "react";
 
 // src/contexts/ReceiptsContext/ReceiptsContext.ts
 import { createContext as createContext11, useContext as useContext18 } from "react";
@@ -15775,12 +15745,12 @@ var openReceiptInNewTab = (url, index) => (e) => {
       `);
   }
 };
-var BankTransactionReceiptsWithProvider = forwardRef11((_a, ref) => {
+var BankTransactionReceiptsWithProvider = forwardRef12((_a, ref) => {
   var _b = _a, { bankTransaction, isActive } = _b, props = __objRest(_b, ["bankTransaction", "isActive"]);
   return /* @__PURE__ */ jsx118(ReceiptsProvider, { bankTransaction, isActive, children: /* @__PURE__ */ jsx118(BankTransactionReceipts, __spreadProps(__spreadValues({}, props), { ref })) });
 });
 BankTransactionReceiptsWithProvider.displayName = "BankTransactionReceiptsWithProvider";
-var BankTransactionReceipts = forwardRef11(
+var BankTransactionReceipts = forwardRef12(
   ({
     classNamePrefix = "Layer",
     floatingActions = false,
@@ -16499,8 +16469,8 @@ function useBankTransactionMetadata({ bankTransactionId }) {
 
 // src/hooks/useBankTransactions/useUpdateBankTransactionMetadata.ts
 import useSWRMutation8 from "swr/mutation";
-import { useSWRConfig as useSWRConfig5 } from "swr";
-import { useCallback as useCallback14 } from "react";
+import { useSWRConfig as useSWRConfig4 } from "swr";
+import { useCallback as useCallback13 } from "react";
 var UPDATE_BANK_TRANSACTION_METADATA_TAG_KEY = "#update-bank-transaction-metadata";
 function buildKey15({
   access_token: accessToken,
@@ -16521,7 +16491,7 @@ function buildKey15({
 function useUpdateBankTransactionMetadata({ bankTransactionId, onSuccess }) {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig5();
+  const { mutate } = useSWRConfig4();
   const mutationResponse = useSWRMutation8(
     () => buildKey15({
       access_token: auth == null ? void 0 : auth.access_token,
@@ -16549,7 +16519,7 @@ function useUpdateBankTransactionMetadata({ bankTransactionId, onSuccess }) {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback14(
+  const stableProxiedTrigger = useCallback13(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -16644,7 +16614,7 @@ var validateSplit = (splitData) => {
   });
   return valid;
 };
-var ExpandedBankTransactionRow = forwardRef12(
+var ExpandedBankTransactionRow = forwardRef13(
   ({
     bankTransaction,
     isOpen = false,
@@ -16819,11 +16789,11 @@ var ExpandedBankTransactionRow = forwardRef12(
       yield matchBankTransaction2(bankTransaction.id, foundMatch.id);
       close2();
     });
-    const getDivHeight = useCallback15(() => {
+    const getDivHeight = useCallback14(() => {
       const { height: height2 } = bodyRef.current ? bodyRef.current.getBoundingClientRect() : { height: void 0 };
       return height2 || 0;
     }, []);
-    const handleTransitionEnd = useCallback15(
+    const handleTransitionEnd = useCallback14(
       (e) => {
         if (e.propertyName === "height") {
           setHeight(isOpen ? "auto" : 0);
@@ -19361,7 +19331,7 @@ var PaginationContent = ({
 };
 
 // src/components/BankTransactions/BankTransactionsHeader.tsx
-import { useCallback as useCallback17, useState as useState39 } from "react";
+import { useCallback as useCallback16, useState as useState39 } from "react";
 import classNames54 from "classnames";
 import { endOfMonth as endOfMonth5, startOfMonth as startOfMonth5 } from "date-fns";
 
@@ -19497,7 +19467,7 @@ function useBankTransactionsDownload() {
 }
 
 // src/components/utility/InvisibleDownload.tsx
-import { forwardRef as forwardRef13, useCallback as useCallback16, useImperativeHandle as useImperativeHandle3, useRef as useRef20 } from "react";
+import { forwardRef as forwardRef14, useCallback as useCallback15, useImperativeHandle as useImperativeHandle3, useRef as useRef20 } from "react";
 
 // src/utils/delay/runDelayed.ts
 var DEFAULT_DELAY_MS = 50;
@@ -19511,14 +19481,14 @@ function runDelayedSync(block, delayMs = DEFAULT_DELAY_MS) {
 import { jsx as jsx158 } from "react/jsx-runtime";
 function useInvisibleDownload() {
   const invisibleDownloadRef = useRef20(null);
-  const triggerInvisibleDownload = useCallback16((options) => {
+  const triggerInvisibleDownload = useCallback15((options) => {
     var _a;
     void ((_a = invisibleDownloadRef.current) == null ? void 0 : _a.trigger(options));
   }, []);
   return { invisibleDownloadRef, triggerInvisibleDownload };
 }
 var CLASS_NAME9 = "Layer__InvisibleDownload";
-var InvisibleDownload = forwardRef13((_props, ref) => {
+var InvisibleDownload = forwardRef14((_props, ref) => {
   const internalRef = useRef20(null);
   useImperativeHandle3(ref, () => ({
     trigger: (_0) => __async(null, [_0], function* ({ url }) {
@@ -19530,7 +19500,7 @@ var InvisibleDownload = forwardRef13((_props, ref) => {
       });
     })
   }));
-  const handleContainClick = useCallback16((event) => {
+  const handleContainClick = useCallback15((event) => {
     event.stopPropagation();
   }, []);
   return /* @__PURE__ */ jsx158("a", { download: true, className: CLASS_NAME9, ref: internalRef, onClick: handleContainClick });
@@ -19549,7 +19519,7 @@ function TransactionsSearch({ slot }) {
   const debouncedSetDescription = useDebounce((value) => {
     setFilters({ descriptionFilter: value });
   });
-  const handleSearch = useCallback17((value) => {
+  const handleSearch = useCallback16((value) => {
     setLocalSearch(value);
     void debouncedSetDescription(value);
   }, [debouncedSetDescription]);
@@ -20020,7 +19990,7 @@ import { useContext as useContext27 } from "react";
 import { useContext as useContext25 } from "react";
 
 // src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksItemThumb.tsx
-import { useCallback as useCallback19, useContext as useContext24, useMemo as useMemo23, useState as useState42 } from "react";
+import { useCallback as useCallback18, useContext as useContext24, useMemo as useMemo23, useState as useState42 } from "react";
 
 // src/icons/QuickbooksIcon.tsx
 import { jsx as jsx163, jsxs as jsxs104 } from "react/jsx-runtime";
@@ -20192,14 +20162,14 @@ var IntegrationsQuickbooksItemThumbFooter = ({ quickbooksUiState }) => {
 import { AlertCircle as AlertCircle2, CheckIcon } from "lucide-react";
 
 // src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksUnlinkConfirmationModal.tsx
-import { useCallback as useCallback18, useContext as useContext23, useState as useState41 } from "react";
+import { useCallback as useCallback17, useContext as useContext23, useState as useState41 } from "react";
 import { Fragment as Fragment21, jsx as jsx168, jsxs as jsxs108 } from "react/jsx-runtime";
 function IntegrationsQuickbooksUnlinkConfirmationModalContent({ onClose }) {
   const { unlinkQuickbooks } = useContext23(QuickbooksContext);
   const [isProcessing, setIsProcessing] = useState41(false);
   const [hasFailed, setHasFailed] = useState41(false);
   const unlinkErrorText = "Unlink failed. Check connection and retry in few seconds.";
-  const onClickUnlinkQuickbooks = useCallback18(() => {
+  const onClickUnlinkQuickbooks = useCallback17(() => {
     setIsProcessing(true);
     unlinkQuickbooks().then(() => {
       onClose();
@@ -20281,7 +20251,7 @@ var IntegrationsQuickbooksItemThumb = () => {
   const { quickbooksConnectionStatus, syncFromQuickbooks: syncFromQuickbooks2 } = useContext24(QuickbooksContext);
   const [hasSynced, setHasSynced] = useState42(false);
   const [isConfirmationModalOpen, setIsConfirmationModalOpen] = useState42(false);
-  const onSync = useCallback19(() => {
+  const onSync = useCallback18(() => {
     setHasSynced(true);
     syncFromQuickbooks2();
   }, [syncFromQuickbooks2]);
@@ -20332,7 +20302,7 @@ var IntegrationsContent = () => {
 };
 
 // src/hooks/useQuickbooks/useQuickbooks.ts
-import { useCallback as useCallback20, useEffect as useEffect25, useRef as useRef22, useState as useState43 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect25, useRef as useRef22, useState as useState43 } from "react";
 import { format as format2 } from "date-fns";
 var useQuickbooks = () => {
   var _a;
@@ -20342,7 +20312,7 @@ var useQuickbooks = () => {
   const [quickbooksConnectionStatus, setQuickbooksConnectionStatus] = useState43(void 0);
   const isSyncingFromQuickbooks = (_a = quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_syncing) != null ? _a : false;
   const syncStatusIntervalRef = useRef22(null);
-  const fetchQuickbooksConnectionStatus = useCallback20(() => __async(null, null, function* () {
+  const fetchQuickbooksConnectionStatus = useCallback19(() => __async(null, null, function* () {
     const newQuickbooksConnectionStatus = (yield Layer.statusOfQuickbooksConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     })()).data;
@@ -20363,7 +20333,7 @@ var useQuickbooks = () => {
       void fetchQuickbooksConnectionStatus();
     }
   }, [auth == null ? void 0 : auth.access_token, fetchQuickbooksConnectionStatus]);
-  const handleSyncError = useCallback20(() => {
+  const handleSyncError = useCallback19(() => {
     setQuickbooksConnectionStatus({
       is_connected: true,
       is_syncing: false,
@@ -20371,19 +20341,19 @@ var useQuickbooks = () => {
       last_synced_at: format2(/* @__PURE__ */ new Date(), "yyyy-MM-dd'T'HH:mm:ss")
     });
   }, []);
-  const syncFromQuickbooks2 = useCallback20(() => {
+  const syncFromQuickbooks2 = useCallback19(() => {
     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 = useCallback20(() => __async(null, null, function* () {
+  const linkQuickbooks = useCallback19(() => __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 = useCallback20(() => __async(null, null, function* () {
+  const unlinkQuickbooks = useCallback19(() => __async(null, null, function* () {
     return Layer.unlinkQuickbooksConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     }).then(() => fetchQuickbooksConnectionStatus());
@@ -20404,7 +20374,7 @@ function QuickbooksContextProvider({ children }) {
 }
 
 // src/components/Integrations/IntegrationsConnectMenu/IntegrationsConnectMenu.tsx
-import { useCallback as useCallback21, useContext as useContext26, useState as useState44 } from "react";
+import { useCallback as useCallback20, useContext as useContext26, useState as useState44 } from "react";
 
 // src/components/ui/DropdownMenu/DropdownMenu.tsx
 import { Menu as Menu3, MenuItem as AriaMenuItem, MenuTrigger as MenuTrigger2, Popover as Popover2, Separator as AriaSeparator, Header as Header2, Dialog as Dialog2 } from "react-aria-components";
@@ -20460,7 +20430,7 @@ var IntegrationsConnectMenu = () => {
   const { quickbooksConnectionStatus, linkQuickbooks } = useContext26(QuickbooksContext);
   const quickbooksIsConnected = quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_connected;
   const [isLinkQuickbooksError, setIsLinkQuickbooksError] = useState44(false);
-  const initiateQuickbooksOAuth = useCallback21(() => {
+  const initiateQuickbooksOAuth = useCallback20(() => {
     linkQuickbooks().then((res) => {
       window.location.href = res;
     }).catch(() => {
@@ -20554,7 +20524,7 @@ var PNLComparisonContext = createContext15({
 });
 
 // src/hooks/useProfitAndLoss/useProfitAndLoss.tsx
-import { useCallback as useCallback22, useMemo as useMemo25, useState as useState46 } from "react";
+import { useCallback as useCallback21, useMemo as useMemo25, useState as useState46 } from "react";
 
 // src/utils/profitAndLossUtils.ts
 var doesLineItemQualifies = (item) => {
@@ -20832,7 +20802,7 @@ var useProfitAndLoss = ({
   const { start, end } = useGlobalDateRange();
   const { setRange } = useGlobalDateRangeActions();
   const dateRange = useMemo25(() => ({ startDate: start, endDate: end }), [start, end]);
-  const changeDateRange = useCallback22(
+  const changeDateRange = useCallback21(
     ({ startDate: start2, endDate: end2 }) => setRange({ start: start2, end: end2 }),
     [setRange]
   );
@@ -23181,11 +23151,11 @@ import { useContext as useContext31 } from "react";
 
 // src/components/Header/Header.tsx
 import {
-  forwardRef as forwardRef14
+  forwardRef as forwardRef15
 } from "react";
 import classNames59 from "classnames";
 import { jsx as jsx191 } from "react/jsx-runtime";
-var Header3 = forwardRef14(
+var Header3 = forwardRef15(
   ({ className, children, style, sticky, asHeader, rounded }, ref) => {
     const baseClassName = classNames59(
       "Layer__header",
@@ -23281,7 +23251,7 @@ var Panel = ({
 };
 
 // src/components/View/View.tsx
-import { forwardRef as forwardRef15 } from "react";
+import { forwardRef as forwardRef16 } from "react";
 
 // src/components/ViewHeader/ViewHeader.tsx
 import classNames63 from "classnames";
@@ -23296,7 +23266,7 @@ var ViewHeader = ({ title, className, children }) => {
 // src/components/View/View.tsx
 import classNames64 from "classnames";
 import { jsx as jsx196, jsxs as jsxs126 } from "react/jsx-runtime";
-var View = forwardRef15(
+var View = forwardRef16(
   ({
     title,
     showHeader = true,
@@ -23520,10 +23490,10 @@ function ProfitAndLossSummariesMiniChart({
 }
 
 // src/components/ui/Typography/MoneyText.tsx
-import { forwardRef as forwardRef16 } from "react";
+import { forwardRef as forwardRef17 } from "react";
 import { jsx as jsx200 } from "react/jsx-runtime";
 var CLASS_NAME10 = "Layer__MoneyText";
-var MoneySpan = forwardRef16(
+var MoneySpan = forwardRef17(
   (_a, ref) => {
     var _b = _a, { amount, bold, size } = _b, restProps = __objRest(_b, ["amount", "bold", "size"]);
     const dataProperties = toDataProperties({
@@ -25862,8 +25832,8 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
 
 // src/hooks/useChartOfAccounts/useCreateChildAccount.tsx
 import useSWRMutation12 from "swr/mutation";
-import { useSWRConfig as useSWRConfig6 } from "swr";
-import { useCallback as useCallback23 } from "react";
+import { useSWRConfig as useSWRConfig5 } from "swr";
+import { useCallback as useCallback22 } from "react";
 
 // src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
 import { useEffect as useEffect36, useState as useState56 } from "react";
@@ -28008,20 +27978,19 @@ var JournalFormEntryLines = ({
                 className: "Layer__journal__form__input-group__line-item",
                 children: [
                   /* @__PURE__ */ jsx241(InputGroup, { name: direction, label: "Amount", inline: true, children: /* @__PURE__ */ jsx241(
-                    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__ */ jsx241(
+                        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(
@@ -28709,7 +28678,7 @@ function getIconForTask(task) {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useSubmitResponseForTask.ts
-import { useSWRConfig as useSWRConfig7 } from "swr";
+import { useSWRConfig as useSWRConfig6 } from "swr";
 import useSWRMutation15 from "swr/mutation";
 
 // src/api/layer/tasks.ts
@@ -28743,7 +28712,7 @@ function completeTaskWithUpload(baseUrl, accessToken, {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useSubmitResponseForTask.ts
-import { useCallback as useCallback24 } from "react";
+import { useCallback as useCallback23 } from "react";
 function buildKey25({
   access_token: accessToken,
   apiUrl,
@@ -28761,7 +28730,7 @@ function buildKey25({
 function useSubmitUserResponseForTask() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig7();
+  const { mutate } = useSWRConfig6();
   const mutationResponse = useSWRMutation15(
     () => buildKey25(__spreadProps(__spreadValues({}, auth), {
       businessId
@@ -28786,7 +28755,7 @@ function useSubmitUserResponseForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback24(
+  const stableProxiedTrigger = useCallback23(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -28811,9 +28780,9 @@ function useSubmitUserResponseForTask() {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useUploadDocumentsForTask.ts
-import { useSWRConfig as useSWRConfig8 } from "swr";
+import { useSWRConfig as useSWRConfig7 } from "swr";
 import useSWRMutation16 from "swr/mutation";
-import { useCallback as useCallback25 } from "react";
+import { useCallback as useCallback24 } from "react";
 function buildKey26({
   access_token: accessToken,
   apiUrl,
@@ -28831,7 +28800,7 @@ function buildKey26({
 function useUploadDocumentsForTask() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig8();
+  const { mutate } = useSWRConfig7();
   const mutationResponse = useSWRMutation16(
     () => buildKey26(__spreadProps(__spreadValues({}, auth), {
       businessId
@@ -28852,7 +28821,7 @@ function useUploadDocumentsForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback25(
+  const stableProxiedTrigger = useCallback24(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -28877,9 +28846,9 @@ function useUploadDocumentsForTask() {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useDeleteUploadsOnTask.ts
-import { useSWRConfig as useSWRConfig9 } from "swr";
+import { useSWRConfig as useSWRConfig8 } from "swr";
 import useSWRMutation17 from "swr/mutation";
-import { useCallback as useCallback26 } from "react";
+import { useCallback as useCallback25 } from "react";
 function buildKey27({
   access_token: accessToken,
   apiUrl,
@@ -28897,7 +28866,7 @@ function buildKey27({
 function useDeleteUploadsOnTask() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig9();
+  const { mutate } = useSWRConfig8();
   const mutationResponse = useSWRMutation17(
     () => buildKey27(__spreadProps(__spreadValues({}, auth), {
       businessId
@@ -28915,7 +28884,7 @@ function useDeleteUploadsOnTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback26(
+  const stableProxiedTrigger = useCallback25(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -28940,9 +28909,9 @@ function useDeleteUploadsOnTask() {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useUpdateTaskUploadDescription.ts
-import { useSWRConfig as useSWRConfig10 } from "swr";
+import { useSWRConfig as useSWRConfig9 } from "swr";
 import useSWRMutation18 from "swr/mutation";
-import { useCallback as useCallback27 } from "react";
+import { useCallback as useCallback26 } from "react";
 function buildKey28({
   access_token: accessToken,
   apiUrl,
@@ -28960,7 +28929,7 @@ function buildKey28({
 function useUpdateTaskUploadDescription() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig10();
+  const { mutate } = useSWRConfig9();
   const mutationResponse = useSWRMutation18(
     () => buildKey28(__spreadProps(__spreadValues({}, auth), {
       businessId
@@ -28982,7 +28951,7 @@ function useUpdateTaskUploadDescription() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback27(
+  const stableProxiedTrigger = useCallback26(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -29252,7 +29221,7 @@ var TasksListMobile = ({
 };
 
 // src/hooks/array/usePaginatedList.ts
-import { useCallback as useCallback28, useMemo as useMemo43, useState as useState66 } from "react";
+import { useCallback as useCallback27, useMemo as useMemo43, useState as useState66 } from "react";
 function usePaginatedList(list, pageSize) {
   const [internalPageIndex, setInternalPageIndex] = useState66(0);
   const pageCount = Math.max(0, Math.ceil(list.length / pageSize));
@@ -29263,16 +29232,16 @@ function usePaginatedList(list, pageSize) {
       (effectivePageIndex + 1) * pageSize
     );
   }, [list, effectivePageIndex, pageSize]);
-  const next = useCallback28(() => {
+  const next = useCallback27(() => {
     setInternalPageIndex(Math.min(effectivePageIndex + 1, pageCount - 1));
   }, [effectivePageIndex, pageCount]);
-  const set2 = useCallback28((pageIndex) => {
+  const set2 = useCallback27((pageIndex) => {
     setInternalPageIndex(Math.max(0, Math.min(pageIndex, pageCount - 1)));
   }, [pageCount]);
-  const previous = useCallback28(() => {
+  const previous = useCallback27(() => {
     setInternalPageIndex(Math.max(effectivePageIndex - 1, 0));
   }, [effectivePageIndex]);
-  const reset = useCallback28(() => {
+  const reset = useCallback27(() => {
     setInternalPageIndex(0);
   }, []);
   return {
@@ -30636,8 +30605,8 @@ function useBusinessPersonnel() {
 
 // src/hooks/businessPersonnel/useCreateBusinessPersonnel.ts
 import useSWRMutation19 from "swr/mutation";
-import { useSWRConfig as useSWRConfig11 } from "swr";
-import { useCallback as useCallback29 } from "react";
+import { useSWRConfig as useSWRConfig10 } from "swr";
+import { useCallback as useCallback28 } from "react";
 var createBusinessPersonnel = post(({ businessId }) => `/v1/businesses/${businessId}/personnel`);
 function buildKey30({
   access_token: accessToken,
@@ -30656,7 +30625,7 @@ function buildKey30({
 function useCreateBusinessPersonnel() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig11();
+  const { mutate } = useSWRConfig10();
   const mutationResponse = useSWRMutation19(
     () => buildKey30(__spreadProps(__spreadValues({}, data), {
       businessId
@@ -30675,7 +30644,7 @@ function useCreateBusinessPersonnel() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback29(
+  const stableProxiedTrigger = useCallback28(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -30701,7 +30670,7 @@ function useCreateBusinessPersonnel() {
 
 // src/hooks/businessPersonnel/useUpdateBusinessPersonnel.ts
 import useSWRMutation20 from "swr/mutation";
-import { useSWRConfig as useSWRConfig12 } from "swr";
+import { useSWRConfig as useSWRConfig11 } from "swr";
 
 // src/api/layer/businessPersonnel/updateBusinessPersonnel.ts
 var updateBusinessPersonnel = post(({ businessId, businessPersonnelId }) => {
@@ -30709,7 +30678,7 @@ var updateBusinessPersonnel = post(({ businessId, businessPersonnelId }) => {
 });
 
 // src/hooks/businessPersonnel/useUpdateBusinessPersonnel.ts
-import { useCallback as useCallback30 } from "react";
+import { useCallback as useCallback29 } from "react";
 function buildKey31({
   access_token: accessToken,
   apiUrl,
@@ -30729,7 +30698,7 @@ function buildKey31({
 function useUpdateBusinessPersonnel({ businessPersonnelId }) {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig12();
+  const { mutate } = useSWRConfig11();
   const mutationResponse = useSWRMutation20(
     () => buildKey31(__spreadProps(__spreadValues({}, data), {
       businessId,
@@ -30752,7 +30721,7 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback30(
+  const stableProxiedTrigger = useCallback29(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -30778,8 +30747,8 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
 
 // src/hooks/business/useUpdateBusiness.ts
 import useSWRMutation21 from "swr/mutation";
-import { useSWRConfig as useSWRConfig13 } from "swr";
-import { useCallback as useCallback31 } from "react";
+import { useSWRConfig as useSWRConfig12 } from "swr";
+import { useCallback as useCallback30 } from "react";
 var BUSINESS_TAG_KEY = "business";
 function buildKey32({
   access_token: accessToken,
@@ -30798,7 +30767,7 @@ function buildKey32({
 function useUpdateBusiness() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig13();
+  const { mutate } = useSWRConfig12();
   const mutationResponse = useSWRMutation21(
     () => buildKey32(__spreadProps(__spreadValues({}, data), {
       businessId
@@ -30817,7 +30786,7 @@ function useUpdateBusiness() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback31(
+  const stableProxiedTrigger = useCallback30(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(