@layerfi/components 0.1.29 → 0.1.31

package/dist/index.js

@@ -255,6 +255,15 @@ var request = (verb) => (url) => (baseUrl, accessToken, options) => fetch(`${bas
 var post = request("post");
 var put = request("put");
 var deleteRequest = request("delete");
+var postWithFormData = (url, formData, baseUrl, accessToken) => {
+  return fetch(`${baseUrl}${url}`, {
+    method: "POST",
+    headers: {
+      Authorization: "Bearer " + (accessToken || "")
+    },
+    body: formData
+  }).then((res) => handleResponse(res)).catch((error) => handleException(error));
+};
 var handleResponse = async (res) => {
   if (!res.ok) {
     const errors = await tryToReadErrorsFromResponse(res);
@@ -314,6 +323,32 @@ var getBankTransactionsCsv = get((params) => {
   const { businessId, startDate, endDate, categorized, category, month, year } = params;
   return `/v1/businesses/${businessId}/reports/transactions/exports/csv?${startDate ? `start_date=${encodeURIComponent(startDate)}&` : ""}${endDate ? `end_date=${encodeURIComponent(endDate)}&` : ""}${month ? `month=${encodeURIComponent(month)}&` : ""}${year ? `year=${encodeURIComponent(year)}&` : ""}${categorized ? `categorized=${categorized}&` : ""}${category ? `category=${encodeURIComponent(category)}&` : ""}`;
 });
+var getBankTransactionMetadata = get(
+  ({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/metadata`
+);
+var updateBankTransactionMetadata = put(
+  ({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/metadata`
+);
+var listBankTransactionDocuments = get(
+  ({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/documents`
+);
+var uploadBankTransactionDocument = (baseUrl, accessToken) => ({
+  businessId,
+  bankTransactionId,
+  file,
+  documentType
+}) => {
+  const formData = new FormData();
+  formData.append("file", file);
+  formData.append("documentType", documentType);
+  const endpoint = `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/documents`;
+  return postWithFormData(
+    endpoint,
+    formData,
+    baseUrl,
+    accessToken
+  );
+};
 
 // src/api/layer/business.ts
 var getBusiness = get(({ businessId }) => `/v1/businesses/${businessId}`);
@@ -428,6 +463,10 @@ var Layer = {
   getBalanceSheet,
   getBankTransactions,
   getBankTransactionsCsv,
+  getBankTransactionMetadata,
+  listBankTransactionDocuments,
+  updateBankTransactionMetadata,
+  uploadBankTransactionDocument,
   getCategories,
   getChartOfAccounts,
   getLedgerAccountBalances,
@@ -684,7 +723,7 @@ var Direction = /* @__PURE__ */ ((Direction3) => {
 
 // src/types/categories.ts
 function hasSuggestions(categorization) {
-  return categorization.suggestions !== void 0;
+  return categorization.suggestions !== void 0 && categorization.suggestions.length > 0;
 }
 
 // src/components/BankTransactions/constants.ts
@@ -1464,54 +1503,12 @@ var useBalanceSheet = (date = /* @__PURE__ */ new Date()) => {
   return { data, isLoading, error };
 };
 
-// src/icons/DownloadCloud.tsx
-var React7 = __toESM(require("react"));
-var DownloadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React7.createElement(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 18 18",
-    fill: "none",
-    ...props,
-    width: size,
-    height: size
-  },
-  /* @__PURE__ */ React7.createElement(
-    "path",
-    {
-      d: "M6 12.75L9 15.75L12 12.75",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ),
-  /* @__PURE__ */ React7.createElement(
-    "path",
-    {
-      d: "M9 9V15.75",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ),
-  /* @__PURE__ */ React7.createElement(
-    "path",
-    {
-      d: "M15.66 13.5675C16.3121 13.109 16.801 12.4546 17.056 11.6994C17.3109 10.9441 17.3186 10.1273 17.0778 9.36737C16.837 8.60748 16.3604 7.94407 15.7171 7.47342C15.0737 7.00278 14.2971 6.74938 13.5 6.75H12.555C12.3294 5.87091 11.9074 5.05444 11.3206 4.36206C10.7338 3.66969 9.99762 3.11945 9.16742 2.75277C8.33721 2.38609 7.43464 2.21252 6.52766 2.24514C5.62067 2.27776 4.7329 2.51571 3.93118 2.94107C3.12946 3.36644 2.43468 3.96814 1.89915 4.70087C1.36362 5.43361 1.0013 6.27829 0.839456 7.17132C0.677613 8.06434 0.720468 8.98245 0.964796 9.85652C1.20912 10.7306 1.64856 11.5378 2.25001 12.2175",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  )
-);
-var DownloadCloud_default = DownloadCloud;
-
 // src/components/BalanceSheetDatePicker/BalanceSheetDatePicker.tsx
 var import_react12 = __toESM(require("react"));
 
 // src/icons/Calendar.tsx
-var React8 = __toESM(require("react"));
-var Calendar = (props) => /* @__PURE__ */ React8.createElement(
+var React7 = __toESM(require("react"));
+var Calendar = (props) => /* @__PURE__ */ React7.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1520,7 +1517,7 @@ var Calendar = (props) => /* @__PURE__ */ React8.createElement(
     fill: "none",
     ...props
   },
-  /* @__PURE__ */ React8.createElement(
+  /* @__PURE__ */ React7.createElement(
     "path",
     {
       stroke: "#000",
@@ -1553,8 +1550,8 @@ var BalanceSheetDatePicker = ({ value, onChange }) => {
 var import_react13 = __toESM(require("react"));
 
 // src/icons/ChevronDown.tsx
-var React10 = __toESM(require("react"));
-var ChevronDown = ({ size = 18, ...props }) => /* @__PURE__ */ React10.createElement(
+var React9 = __toESM(require("react"));
+var ChevronDown = ({ size = 18, ...props }) => /* @__PURE__ */ React9.createElement(
   "svg",
   {
     viewBox: "0 0 18 18",
@@ -1564,7 +1561,7 @@ var ChevronDown = ({ size = 18, ...props }) => /* @__PURE__ */ React10.createEle
     width: size,
     height: size
   },
-  /* @__PURE__ */ React10.createElement(
+  /* @__PURE__ */ React9.createElement(
     "path",
     {
       d: "M4.5 6.75L9 11.25L13.5 6.75",
@@ -1708,7 +1705,7 @@ var BalanceSheet = () => {
       value: effectiveDate,
       onChange: (event) => setEffectiveDate((0, import_date_fns5.parseISO)(event.target.value))
     }
-  ), /* @__PURE__ */ import_react15.default.createElement("button", { className: "Layer__balance-sheet__download-button" }, /* @__PURE__ */ import_react15.default.createElement(DownloadCloud_default, null), "Download")), !data || isLoading ? /* @__PURE__ */ import_react15.default.createElement("div", { className: "Layer__balance-sheet__table" }, /* @__PURE__ */ import_react15.default.createElement(SkeletonBalanceSheetRow, null, /* @__PURE__ */ import_react15.default.createElement(SkeletonBalanceSheetRow, null), /* @__PURE__ */ import_react15.default.createElement(SkeletonBalanceSheetRow, null, /* @__PURE__ */ import_react15.default.createElement(SkeletonBalanceSheetRow, null), /* @__PURE__ */ import_react15.default.createElement(SkeletonBalanceSheetRow, null))), /* @__PURE__ */ import_react15.default.createElement(SkeletonBalanceSheetRow, null, /* @__PURE__ */ import_react15.default.createElement(SkeletonBalanceSheetRow, null))) : /* @__PURE__ */ import_react15.default.createElement("div", { className: "Layer__balance-sheet__table" }, /* @__PURE__ */ import_react15.default.createElement(
+  )), !data || isLoading ? /* @__PURE__ */ import_react15.default.createElement("div", { className: "Layer__balance-sheet__table" }, /* @__PURE__ */ import_react15.default.createElement(SkeletonBalanceSheetRow, null, /* @__PURE__ */ import_react15.default.createElement(SkeletonBalanceSheetRow, null), /* @__PURE__ */ import_react15.default.createElement(SkeletonBalanceSheetRow, null, /* @__PURE__ */ import_react15.default.createElement(SkeletonBalanceSheetRow, null), /* @__PURE__ */ import_react15.default.createElement(SkeletonBalanceSheetRow, null))), /* @__PURE__ */ import_react15.default.createElement(SkeletonBalanceSheetRow, null, /* @__PURE__ */ import_react15.default.createElement(SkeletonBalanceSheetRow, null))) : /* @__PURE__ */ import_react15.default.createElement("div", { className: "Layer__balance-sheet__table" }, /* @__PURE__ */ import_react15.default.createElement(
     BalanceSheetRow,
     {
       key: assets.name,
@@ -1768,8 +1765,8 @@ var import_react53 = __toESM(require("react"));
 var import_react52 = __toESM(require("react"));
 
 // src/icons/ChevronDownFill.tsx
-var React14 = __toESM(require("react"));
-var ChevronDownFill = ({ size = 18, ...props }) => /* @__PURE__ */ React14.createElement(
+var React13 = __toESM(require("react"));
+var ChevronDownFill = ({ size = 18, ...props }) => /* @__PURE__ */ React13.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1779,8 +1776,8 @@ var ChevronDownFill = ({ size = 18, ...props }) => /* @__PURE__ */ React14.creat
     width: size,
     height: size
   },
-  /* @__PURE__ */ React14.createElement("path", { d: "M4.5 6.75L9 11.25L13.5 6.75", fill: "currentColor" }),
-  /* @__PURE__ */ React14.createElement(
+  /* @__PURE__ */ React13.createElement("path", { d: "M4.5 6.75L9 11.25L13.5 6.75", fill: "currentColor" }),
+  /* @__PURE__ */ React13.createElement(
     "path",
     {
       d: "M4.5 6.75L9 11.25L13.5 6.75H4.5Z",
@@ -1811,17 +1808,17 @@ var isAlreadyMatched = (bankTransaction) => {
 };
 var countTransactionsToReview = ({
   transactions,
-  currentMonthOnly
+  dateRange
 }) => {
   if (transactions && transactions.length > 0) {
-    if (currentMonthOnly) {
-      const currentMonth = {
-        start: (0, import_date_fns6.startOfMonth)(/* @__PURE__ */ new Date()),
-        end: (0, import_date_fns6.endOfMonth)(/* @__PURE__ */ new Date())
+    if (dateRange) {
+      const dateRangeInterval = {
+        start: dateRange.startDate,
+        end: dateRange.endDate
       };
       return transactions.filter((tx) => {
         try {
-          return filterVisibility("TO_REVIEW" /* TO_REVIEW */, tx) && (0, import_date_fns6.isWithinInterval)((0, import_date_fns6.parseISO)(tx.date), currentMonth);
+          return filterVisibility("TO_REVIEW" /* TO_REVIEW */, tx) && (0, import_date_fns6.isWithinInterval)((0, import_date_fns6.parseISO)(tx.date), dateRangeInterval);
         } catch (_err) {
           return false;
         }
@@ -1850,8 +1847,8 @@ var getCategorizePayload = (category) => {
 var import_react50 = __toESM(require("react"));
 
 // src/icons/AlertCircle.tsx
-var React15 = __toESM(require("react"));
-var AlertCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React15.createElement(
+var React14 = __toESM(require("react"));
+var AlertCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React14.createElement(
   "svg",
   {
     viewBox: "0 0 18 18",
@@ -1861,7 +1858,7 @@ var AlertCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React15.createEle
     width: size,
     height: size
   },
-  /* @__PURE__ */ React15.createElement(
+  /* @__PURE__ */ React14.createElement(
     "path",
     {
       d: "M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z",
@@ -1870,7 +1867,7 @@ var AlertCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React15.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React15.createElement(
+  /* @__PURE__ */ React14.createElement(
     "path",
     {
       d: "M9 6V9",
@@ -1879,7 +1876,7 @@ var AlertCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React15.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React15.createElement(
+  /* @__PURE__ */ React14.createElement(
     "path",
     {
       d: "M9 12H9.0075",
@@ -1892,8 +1889,8 @@ var AlertCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React15.createEle
 var AlertCircle_default = AlertCircle;
 
 // src/icons/Scissors.tsx
-var React16 = __toESM(require("react"));
-var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React16.createElement(
+var React15 = __toESM(require("react"));
+var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React15.createElement(
   "svg",
   {
     viewBox: "0 0 11 11",
@@ -1903,7 +1900,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React16.createElemen
     width: size,
     height: size
   },
-  /* @__PURE__ */ React16.createElement(
+  /* @__PURE__ */ React15.createElement(
     "path",
     {
       d: "M2.75 4.125C3.50939 4.125 4.125 3.50939 4.125 2.75C4.125 1.99061 3.50939 1.375 2.75 1.375C1.99061 1.375 1.375 1.99061 1.375 2.75C1.375 3.50939 1.99061 4.125 2.75 4.125Z",
@@ -1911,7 +1908,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React16.createElemen
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React15.createElement(
       "animate",
       {
         attributeName: "d",
@@ -1926,7 +1923,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React16.createElemen
       }
     )
   ),
-  /* @__PURE__ */ React16.createElement(
+  /* @__PURE__ */ React15.createElement(
     "path",
     {
       d: "M2.75 9.625C3.50939 9.625 4.125 9.00939 4.125 8.25C4.125 7.49061 3.50939 6.875 2.75 6.875C1.99061 6.875 1.375 7.49061 1.375 8.25C1.375 9.00939 1.99061 9.625 2.75 9.625Z",
@@ -1934,7 +1931,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React16.createElemen
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React15.createElement(
       "animate",
       {
         attributeName: "d",
@@ -1949,7 +1946,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React16.createElemen
       }
     )
   ),
-  /* @__PURE__ */ React16.createElement(
+  /* @__PURE__ */ React15.createElement(
     "path",
     {
       d: "M9.16668 1.83325L3.72168 7.27825",
@@ -1957,7 +1954,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React16.createElemen
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React15.createElement(
       "animate",
       {
         attributeName: "d",
@@ -1972,7 +1969,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React16.createElemen
       }
     )
   ),
-  /* @__PURE__ */ React16.createElement(
+  /* @__PURE__ */ React15.createElement(
     "path",
     {
       d: "M6.63232 6.63672L9.16691 9.16672",
@@ -1980,7 +1977,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React16.createElemen
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React15.createElement(
       "animate",
       {
         attributeName: "d",
@@ -1995,7 +1992,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React16.createElemen
       }
     )
   ),
-  /* @__PURE__ */ React16.createElement(
+  /* @__PURE__ */ React15.createElement(
     "path",
     {
       d: "M3.72168 3.72168L5.50001 5.50001",
@@ -2003,7 +2000,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React16.createElemen
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React15.createElement(
       "animate",
       {
         attributeName: "d",
@@ -2277,8 +2274,8 @@ var IconButton = ({
 var import_react24 = __toESM(require("react"));
 
 // src/icons/RefreshCcw.tsx
-var React22 = __toESM(require("react"));
-var RefreshCcw = ({ size = 18, ...props }) => /* @__PURE__ */ React22.createElement(
+var React21 = __toESM(require("react"));
+var RefreshCcw = ({ size = 18, ...props }) => /* @__PURE__ */ React21.createElement(
   "svg",
   {
     viewBox: "0 0 18 18",
@@ -2288,7 +2285,7 @@ var RefreshCcw = ({ size = 18, ...props }) => /* @__PURE__ */ React22.createElem
     width: size,
     height: size
   },
-  /* @__PURE__ */ React22.createElement(
+  /* @__PURE__ */ React21.createElement(
     "path",
     {
       d: "M0.75 3V7.5H5.25",
@@ -2297,7 +2294,7 @@ var RefreshCcw = ({ size = 18, ...props }) => /* @__PURE__ */ React22.createElem
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React22.createElement(
+  /* @__PURE__ */ React21.createElement(
     "path",
     {
       d: "M17.25 15V10.5H12.75",
@@ -2306,7 +2303,7 @@ var RefreshCcw = ({ size = 18, ...props }) => /* @__PURE__ */ React22.createElem
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React22.createElement(
+  /* @__PURE__ */ React21.createElement(
     "path",
     {
       d: "M15.3675 6.75C14.9871 5.67508 14.3407 4.71405 13.4884 3.95656C12.6361 3.19907 11.6059 2.66982 10.4938 2.41819C9.38167 2.16656 8.22393 2.20075 7.12861 2.51758C6.03328 2.8344 5.03606 3.42353 4.23 4.23L0.75 7.5M17.25 10.5L13.77 13.77C12.9639 14.5765 11.9667 15.1656 10.8714 15.4824C9.77607 15.7992 8.61833 15.8334 7.50621 15.5818C6.3941 15.3302 5.36385 14.8009 4.5116 14.0434C3.65935 13.2859 3.01288 12.3249 2.6325 11.25",
@@ -2351,8 +2348,8 @@ var RetryButton = ({
 var import_react25 = __toESM(require("react"));
 
 // src/icons/CheckCircle.tsx
-var React24 = __toESM(require("react"));
-var CheckCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React24.createElement(
+var React23 = __toESM(require("react"));
+var CheckCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React23.createElement(
   "svg",
   {
     viewBox: "0 0 18 18",
@@ -2362,7 +2359,7 @@ var CheckCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React24.createEle
     width: size,
     height: size
   },
-  /* @__PURE__ */ React24.createElement(
+  /* @__PURE__ */ React23.createElement(
     "path",
     {
       d: "M16.5 8.30999V8.99999C16.4991 10.6173 15.9754 12.191 15.007 13.4864C14.0386 14.7817 12.6775 15.7293 11.1265 16.1879C9.57557 16.6465 7.91794 16.5914 6.40085 16.0309C4.88375 15.4704 3.58848 14.4346 2.70821 13.0778C1.82794 11.721 1.40984 10.116 1.51625 8.50223C1.62266 6.88841 2.2479 5.35223 3.2987 4.12279C4.34951 2.89335 5.76958 2.03653 7.34713 1.6801C8.92469 1.32367 10.5752 1.48674 12.0525 2.14499",
@@ -2371,7 +2368,7 @@ var CheckCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React24.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React24.createElement(
+  /* @__PURE__ */ React23.createElement(
     "path",
     {
       d: "M16.5 3L9 10.5075L6.75 8.2575",
@@ -2384,8 +2381,8 @@ var CheckCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React24.createEle
 var CheckCircle_default = CheckCircle;
 
 // src/icons/Loader.tsx
-var React25 = __toESM(require("react"));
-var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
+var React24 = __toESM(require("react"));
+var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React24.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2395,7 +2392,7 @@ var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React24.createElement(
     "path",
     {
       d: "M9 1.5V4.5",
@@ -2404,7 +2401,7 @@ var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React24.createElement(
     "path",
     {
       d: "M9 13.5V16.5",
@@ -2413,7 +2410,7 @@ var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React24.createElement(
     "path",
     {
       d: "M3.6975 3.6975L5.82 5.82",
@@ -2422,7 +2419,7 @@ var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React24.createElement(
     "path",
     {
       d: "M12.18 12.18L14.3025 14.3025",
@@ -2431,7 +2428,7 @@ var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React24.createElement(
     "path",
     {
       d: "M1.5 9H4.5",
@@ -2440,7 +2437,7 @@ var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React24.createElement(
     "path",
     {
       d: "M13.5 9H16.5",
@@ -2449,7 +2446,7 @@ var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React24.createElement(
     "path",
     {
       d: "M3.6975 14.3025L5.82 12.18",
@@ -2458,7 +2455,7 @@ var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React24.createElement(
     "path",
     {
       d: "M12.18 5.82L14.3025 3.6975",
@@ -2471,8 +2468,8 @@ var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
 var Loader_default = Loader;
 
 // src/icons/Save.tsx
-var React26 = __toESM(require("react"));
-var Save = ({ size = 18, ...props }) => /* @__PURE__ */ React26.createElement(
+var React25 = __toESM(require("react"));
+var Save = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2482,7 +2479,7 @@ var Save = ({ size = 18, ...props }) => /* @__PURE__ */ React26.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React26.createElement(
+  /* @__PURE__ */ React25.createElement(
     "path",
     {
       d: "M14.25 15.75H3.75C3.35218 15.75 2.97064 15.592 2.68934 15.3107C2.40804 15.0294 2.25 14.6478 2.25 14.25V3.75C2.25 3.35218 2.40804 2.97064 2.68934 2.68934C2.97064 2.40804 3.35218 2.25 3.75 2.25H12L15.75 6V14.25C15.75 14.6478 15.592 15.0294 15.3107 15.3107C15.0294 15.592 14.6478 15.75 14.25 15.75Z",
@@ -2491,7 +2488,7 @@ var Save = ({ size = 18, ...props }) => /* @__PURE__ */ React26.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React26.createElement(
+  /* @__PURE__ */ React25.createElement(
     "path",
     {
       d: "M12.75 15.75V9.75H5.25V15.75",
@@ -2500,7 +2497,7 @@ var Save = ({ size = 18, ...props }) => /* @__PURE__ */ React26.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React26.createElement(
+  /* @__PURE__ */ React25.createElement(
     "path",
     {
       d: "M5.25 2.25V6H11.25",
@@ -2530,9 +2527,9 @@ var buildRightIcon = ({
     return /* @__PURE__ */ import_react25.default.createElement(Tooltip, { offset: 12 }, /* @__PURE__ */ import_react25.default.createElement(TooltipTrigger, null, /* @__PURE__ */ import_react25.default.createElement(AlertCircle_default, { size: 14 })), /* @__PURE__ */ import_react25.default.createElement(TooltipContent, { className: "Layer__tooltip" }, error));
   }
   if (action === "update" /* UPDATE */) {
-    return /* @__PURE__ */ import_react25.default.createElement("span", { className: "Layer__pt-2" }, /* @__PURE__ */ import_react25.default.createElement(Save_default, { size: 14 }));
+    return /* @__PURE__ */ import_react25.default.createElement("span", { className: "Layer__pt-2" }, /* @__PURE__ */ import_react25.default.createElement(CheckCircle_default, { size: 14 }));
   }
-  return /* @__PURE__ */ import_react25.default.createElement("span", null, /* @__PURE__ */ import_react25.default.createElement(CheckCircle_default, { size: 14, style: { paddingTop: 4 } }));
+  return /* @__PURE__ */ import_react25.default.createElement("span", null, /* @__PURE__ */ import_react25.default.createElement(Save_default, { size: 14, style: { paddingTop: 4 } }));
 };
 var SubmitButton = ({
   active,
@@ -2579,8 +2576,8 @@ var TextButton = ({
 var import_react27 = __toESM(require("react"));
 
 // src/icons/BackArrow.tsx
-var React29 = __toESM(require("react"));
-var BackArrow = ({ size = 18, ...props }) => /* @__PURE__ */ React29.createElement(
+var React28 = __toESM(require("react"));
+var BackArrow = ({ size = 18, ...props }) => /* @__PURE__ */ React28.createElement(
   "svg",
   {
     viewBox: "0 0 12 12",
@@ -2590,7 +2587,7 @@ var BackArrow = ({ size = 18, ...props }) => /* @__PURE__ */ React29.createEleme
     width: size,
     height: size
   },
-  /* @__PURE__ */ React29.createElement(
+  /* @__PURE__ */ React28.createElement(
     "path",
     {
       d: "M7.375 8.75L4.625 6L7.375 3.25",
@@ -2618,8 +2615,8 @@ var BackButton = ({
 var import_react28 = __toESM(require("react"));
 
 // src/icons/CloseIcon.tsx
-var React31 = __toESM(require("react"));
-var CloseIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React31.createElement(
+var React30 = __toESM(require("react"));
+var CloseIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React30.createElement(
   "svg",
   {
     viewBox: "0 0 12 12",
@@ -2629,7 +2626,7 @@ var CloseIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React31.createEleme
     width: size,
     height: size
   },
-  /* @__PURE__ */ React31.createElement(
+  /* @__PURE__ */ React30.createElement(
     "path",
     {
       d: "M8.75 3.25L3.25 8.75",
@@ -2638,7 +2635,7 @@ var CloseIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React31.createEleme
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React31.createElement(
+  /* @__PURE__ */ React30.createElement(
     "path",
     {
       d: "M3.25 3.25L8.75 8.75",
@@ -2667,8 +2664,8 @@ var import_react35 = __toESM(require("react"));
 var import_react_select = __toESM(require("react-select"));
 
 // src/icons/Check.tsx
-var React33 = __toESM(require("react"));
-var Check = ({ size = 18, ...props }) => /* @__PURE__ */ React33.createElement(
+var React32 = __toESM(require("react"));
+var Check = ({ size = 18, ...props }) => /* @__PURE__ */ React32.createElement(
   "svg",
   {
     viewBox: "0 0 18 18",
@@ -2678,7 +2675,7 @@ var Check = ({ size = 18, ...props }) => /* @__PURE__ */ React33.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React33.createElement(
+  /* @__PURE__ */ React32.createElement(
     "path",
     {
       d: "M15 4.5L6.75 12.75L3 9",
@@ -2691,8 +2688,8 @@ var Check = ({ size = 18, ...props }) => /* @__PURE__ */ React33.createElement(
 var Check_default = Check;
 
 // src/icons/MinimizeTwo.tsx
-var React34 = __toESM(require("react"));
-var MinimizeTwo = ({ size = 18, ...props }) => /* @__PURE__ */ React34.createElement(
+var React33 = __toESM(require("react"));
+var MinimizeTwo = ({ size = 18, ...props }) => /* @__PURE__ */ React33.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2702,7 +2699,7 @@ var MinimizeTwo = ({ size = 18, ...props }) => /* @__PURE__ */ React34.createEle
     width: size,
     height: size
   },
-  /* @__PURE__ */ React34.createElement(
+  /* @__PURE__ */ React33.createElement(
     "path",
     {
       d: "M3 10.5H7.5V15",
@@ -2711,7 +2708,7 @@ var MinimizeTwo = ({ size = 18, ...props }) => /* @__PURE__ */ React34.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React34.createElement(
+  /* @__PURE__ */ React33.createElement(
     "path",
     {
       d: "M15 7.5H10.5V3",
@@ -2720,7 +2717,7 @@ var MinimizeTwo = ({ size = 18, ...props }) => /* @__PURE__ */ React34.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React34.createElement(
+  /* @__PURE__ */ React33.createElement(
     "path",
     {
       d: "M10.5 7.5L15.75 2.25",
@@ -2729,7 +2726,7 @@ var MinimizeTwo = ({ size = 18, ...props }) => /* @__PURE__ */ React34.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React34.createElement(
+  /* @__PURE__ */ React33.createElement(
     "path",
     {
       d: "M2.25 15.75L7.5 10.5",
@@ -2751,8 +2748,8 @@ var import_react33 = __toESM(require("react"));
 var import_react32 = __toESM(require("react"));
 
 // src/icons/ChevronRight.tsx
-var React35 = __toESM(require("react"));
-var ChevronRight = ({ size = 18, ...props }) => /* @__PURE__ */ React35.createElement(
+var React34 = __toESM(require("react"));
+var ChevronRight = ({ size = 18, ...props }) => /* @__PURE__ */ React34.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2762,7 +2759,7 @@ var ChevronRight = ({ size = 18, ...props }) => /* @__PURE__ */ React35.createEl
     fill: "none",
     ...props
   },
-  /* @__PURE__ */ React35.createElement(
+  /* @__PURE__ */ React34.createElement(
     "path",
     {
       d: "M6.75 13.5L11.25 9L6.75 4.5",
@@ -3228,8 +3225,8 @@ var CategorySelect = ({
 var import_react48 = __toESM(require("react"));
 
 // src/icons/ScissorsFullOpen.tsx
-var React43 = __toESM(require("react"));
-var ScissorsFullOpen = ({ size = 12, ...props }) => /* @__PURE__ */ React43.createElement(
+var React42 = __toESM(require("react"));
+var ScissorsFullOpen = ({ size = 12, ...props }) => /* @__PURE__ */ React42.createElement(
   "svg",
   {
     viewBox: "0 0 12 12",
@@ -3239,7 +3236,7 @@ var ScissorsFullOpen = ({ size = 12, ...props }) => /* @__PURE__ */ React43.crea
     width: size,
     height: size
   },
-  /* @__PURE__ */ React43.createElement("g", { id: "scissors" }, /* @__PURE__ */ React43.createElement(
+  /* @__PURE__ */ React42.createElement("g", { id: "scissors" }, /* @__PURE__ */ React42.createElement(
     "path",
     {
       id: "Vector",
@@ -3248,7 +3245,7 @@ var ScissorsFullOpen = ({ size = 12, ...props }) => /* @__PURE__ */ React43.crea
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React43.createElement(
+  ), /* @__PURE__ */ React42.createElement(
     "path",
     {
       id: "Vector_2",
@@ -3257,7 +3254,7 @@ var ScissorsFullOpen = ({ size = 12, ...props }) => /* @__PURE__ */ React43.crea
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React43.createElement(
+  ), /* @__PURE__ */ React42.createElement(
     "path",
     {
       id: "Vector_3",
@@ -3266,7 +3263,7 @@ var ScissorsFullOpen = ({ size = 12, ...props }) => /* @__PURE__ */ React43.crea
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React43.createElement(
+  ), /* @__PURE__ */ React42.createElement(
     "path",
     {
       id: "Vector_4",
@@ -3275,7 +3272,7 @@ var ScissorsFullOpen = ({ size = 12, ...props }) => /* @__PURE__ */ React43.crea
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React43.createElement(
+  ), /* @__PURE__ */ React42.createElement(
     "path",
     {
       id: "Vector_5",
@@ -3289,8 +3286,8 @@ var ScissorsFullOpen = ({ size = 12, ...props }) => /* @__PURE__ */ React43.crea
 var ScissorsFullOpen_default = ScissorsFullOpen;
 
 // src/icons/Trash.tsx
-var React44 = __toESM(require("react"));
-var Trash = ({ size = 18, ...props }) => /* @__PURE__ */ React44.createElement(
+var React43 = __toESM(require("react"));
+var Trash = ({ size = 18, ...props }) => /* @__PURE__ */ React43.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3300,7 +3297,7 @@ var Trash = ({ size = 18, ...props }) => /* @__PURE__ */ React44.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React44.createElement(
+  /* @__PURE__ */ React43.createElement(
     "path",
     {
       d: "M2.25 4.5H3.75H15.75",
@@ -3309,7 +3306,7 @@ var Trash = ({ size = 18, ...props }) => /* @__PURE__ */ React44.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React44.createElement(
+  /* @__PURE__ */ React43.createElement(
     "path",
     {
       d: "M14.25 4.5V15C14.25 15.3978 14.092 15.7794 13.8107 16.0607C13.5294 16.342 13.1478 16.5 12.75 16.5H5.25C4.85218 16.5 4.47064 16.342 4.18934 16.0607C3.90804 15.7794 3.75 15.3978 3.75 15V4.5M6 4.5V3C6 2.60218 6.15804 2.22064 6.43934 1.93934C6.72064 1.65804 7.10218 1.5 7.5 1.5H10.5C10.8978 1.5 11.2794 1.65804 11.5607 1.93934C11.842 2.22064 12 2.60218 12 3V4.5",
@@ -3318,7 +3315,7 @@ var Trash = ({ size = 18, ...props }) => /* @__PURE__ */ React44.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React44.createElement(
+  /* @__PURE__ */ React43.createElement(
     "path",
     {
       d: "M7.5 8.25V12.75",
@@ -3327,7 +3324,7 @@ var Trash = ({ size = 18, ...props }) => /* @__PURE__ */ React44.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React44.createElement(
+  /* @__PURE__ */ React43.createElement(
     "path",
     {
       d: "M10.5 8.25V12.75",
@@ -3389,8 +3386,8 @@ var InputGroup = ({
 var import_react38 = __toESM(require("react"));
 
 // src/icons/UploadCloud.tsx
-var React47 = __toESM(require("react"));
-var UploadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React47.createElement(
+var React46 = __toESM(require("react"));
+var UploadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React46.createElement(
   "svg",
   {
     viewBox: "0 0 18 18",
@@ -3400,7 +3397,7 @@ var UploadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React47.createEle
     width: size,
     height: size
   },
-  /* @__PURE__ */ React47.createElement(
+  /* @__PURE__ */ React46.createElement(
     "path",
     {
       d: "M12 12L9 9L6 12",
@@ -3409,7 +3406,7 @@ var UploadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React47.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React47.createElement(
+  /* @__PURE__ */ React46.createElement(
     "path",
     {
       d: "M9 9V15.75",
@@ -3418,7 +3415,7 @@ var UploadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React47.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React47.createElement(
+  /* @__PURE__ */ React46.createElement(
     "path",
     {
       d: "M15.2925 13.7925C16.024 13.3937 16.6019 12.7626 16.9349 11.999C17.2679 11.2353 17.3372 10.3824 17.1317 9.57501C16.9262 8.7676 16.4576 8.05162 15.8 7.54007C15.1424 7.02852 14.3332 6.75054 13.5 6.74999H12.555C12.328 5.87192 11.9049 5.05674 11.3175 4.36573C10.7301 3.67473 9.99364 3.12588 9.16358 2.76044C8.33352 2.39501 7.43141 2.22251 6.52509 2.2559C5.61876 2.28929 4.7318 2.52771 3.93088 2.95324C3.12997 3.37876 2.43593 3.98032 1.90097 4.71267C1.366 5.44503 1.00402 6.28914 0.842236 7.18153C0.680453 8.07393 0.72308 8.99139 0.966911 9.86493C1.21074 10.7385 1.64943 11.5454 2.25 12.225",
@@ -3427,7 +3424,7 @@ var UploadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React47.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React47.createElement(
+  /* @__PURE__ */ React46.createElement(
     "path",
     {
       d: "M12 12L9 9L6 12",
@@ -3900,8 +3897,8 @@ var ToggleOption = ({
 var import_react47 = __toESM(require("react"));
 
 // src/icons/AlertOctagon.tsx
-var React57 = __toESM(require("react"));
-var AlertOctagon = ({ size = 18, ...props }) => /* @__PURE__ */ React57.createElement(
+var React56 = __toESM(require("react"));
+var AlertOctagon = ({ size = 18, ...props }) => /* @__PURE__ */ React56.createElement(
   "svg",
   {
     viewBox: "0 0 18 18",
@@ -3911,7 +3908,7 @@ var AlertOctagon = ({ size = 18, ...props }) => /* @__PURE__ */ React57.createEl
     width: size,
     height: size
   },
-  /* @__PURE__ */ React57.createElement(
+  /* @__PURE__ */ React56.createElement(
     "path",
     {
       d: "M5.895 1.5H12.105L16.5 5.895V12.105L12.105 16.5H5.895L1.5 12.105V5.895L5.895 1.5Z",
@@ -3920,7 +3917,7 @@ var AlertOctagon = ({ size = 18, ...props }) => /* @__PURE__ */ React57.createEl
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React57.createElement(
+  /* @__PURE__ */ React56.createElement(
     "path",
     {
       d: "M9 6V9",
@@ -3929,7 +3926,7 @@ var AlertOctagon = ({ size = 18, ...props }) => /* @__PURE__ */ React57.createEl
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React57.createElement(
+  /* @__PURE__ */ React56.createElement(
     "path",
     {
       d: "M9 12H9.0075",
@@ -4181,18 +4178,19 @@ var ExpandedBankTransactionRow = (0, import_react48.forwardRef)(
     const save = async () => {
       const endpoint = `/v1/businesses/${businessId}/bank-transactions/${bankTransaction.id}/metadata`;
       if (showDescriptions && memoText != void 0) {
-        const headers = {
-          method: "PUT",
-          headers: {
-            Authorization: `Bearer ${auth.access_token}`,
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify({
-            memo: memoText
-          })
-        };
-        const result = await fetch(apiUrl + endpoint, headers);
-        const resultJson = await result.json();
+        const result = await Layer.updateBankTransactionMetadata(
+          apiUrl,
+          auth.access_token,
+          {
+            params: {
+              businessId,
+              bankTransactionId: bankTransaction.id
+            },
+            body: {
+              memo: memoText
+            }
+          }
+        );
       }
       if (purpose === "match" /* match */) {
         if (!selectedMatchId) {
@@ -4228,31 +4226,33 @@ var ExpandedBankTransactionRow = (0, import_react48.forwardRef)(
       close();
     };
     const fetchMetadata = async () => {
-      const endpoint = `/v1/businesses/${businessId}/bank-transactions/${bankTransaction.id}/metadata`;
-      const headers = {
-        method: "GET",
-        headers: {
-          Authorization: `Bearer ${auth.access_token}`,
-          "Content-Type": "application/json"
+      const getBankTransactionMetadata2 = Layer.getBankTransactionMetadata(
+        apiUrl,
+        auth.access_token,
+        {
+          params: {
+            businessId,
+            bankTransactionId: bankTransaction.id
+          }
         }
-      };
-      const result = await fetch(apiUrl + endpoint, headers);
-      const resultJson = await result.json();
-      const retrievedMemo = resultJson.data.memo ?? "";
-      setMemoText(retrievedMemo);
+      );
+      const result = await getBankTransactionMetadata2();
+      if (result.data.memo)
+        setMemoText(result.data.memo);
     };
     const fetchDocuments = async () => {
-      const docsEndpoint = `/v1/businesses/${businessId}/bank-transactions/${bankTransaction.id}/documents`;
-      const docsHeaders = {
-        method: "GET",
-        headers: {
-          Authorization: `Bearer ${auth.access_token}`,
-          "Content-Type": "application/json"
+      const listBankTransactionDocuments2 = Layer.listBankTransactionDocuments(
+        apiUrl,
+        auth.access_token,
+        {
+          params: {
+            businessId,
+            bankTransactionId: bankTransaction.id
+          }
         }
-      };
-      const docsResult = await fetch(apiUrl + docsEndpoint, docsHeaders);
-      const docsResultJson = await docsResult.json();
-      const retrievedDocs = docsResultJson.data.documentUrls.map(
+      );
+      const result = await listBankTransactionDocuments2();
+      const retrievedDocs = result.data.documentUrls.map(
         (docUrl) => docUrl.presignedUrl
       );
       setReceiptUrls(retrievedDocs);
@@ -4473,24 +4473,17 @@ var ExpandedBankTransactionRow = (0, import_react48.forwardRef)(
           FileInput,
           {
             onUpload: async (file) => {
-              const endpoint = `/v1/businesses/${businessId}/bank-transactions/${bankTransaction.id}/documents`;
-              const formData = new FormData();
-              formData.append("file", file);
-              formData.append("documentType", "RECEIPT");
-              try {
-                const headers = {
-                  method: "POST",
-                  headers: {
-                    Authorization: `Bearer ${auth.access_token}`
-                  },
-                  body: formData
-                };
-                const result = await fetch(apiUrl + endpoint, headers);
-                const resultJson = await result.json();
-                await fetchDocuments();
-              } catch (error) {
-                console.error("Error uploading file:", error);
-              }
+              const uploadDocument = Layer.uploadBankTransactionDocument(
+                apiUrl,
+                auth.access_token
+              );
+              const result = await uploadDocument({
+                businessId,
+                bankTransactionId: bankTransaction.id,
+                file,
+                documentType: "RECEIPT"
+              });
+              await fetchDocuments();
             },
             text: "Upload receipt"
           }
@@ -5843,8 +5836,8 @@ var usePagination = ({
 };
 
 // src/icons/ChevronLeft.tsx
-var React77 = __toESM(require("react"));
-var ChevronLeft = ({ size = 18, ...props }) => /* @__PURE__ */ React77.createElement(
+var React76 = __toESM(require("react"));
+var ChevronLeft = ({ size = 18, ...props }) => /* @__PURE__ */ React76.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5854,7 +5847,7 @@ var ChevronLeft = ({ size = 18, ...props }) => /* @__PURE__ */ React77.createEle
     fill: "none",
     ...props
   },
-  /* @__PURE__ */ React77.createElement(
+  /* @__PURE__ */ React76.createElement(
     "path",
     {
       d: "M11.25 13.5L6.75 9L11.25 4.5",
@@ -5946,6 +5939,48 @@ var Pagination = ({
 // src/components/BankTransactions/BankTransactionsHeader.tsx
 var import_react72 = __toESM(require("react"));
 
+// src/icons/DownloadCloud.tsx
+var React78 = __toESM(require("react"));
+var DownloadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React78.createElement(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 18 18",
+    fill: "none",
+    ...props,
+    width: size,
+    height: size
+  },
+  /* @__PURE__ */ React78.createElement(
+    "path",
+    {
+      d: "M6 12.75L9 15.75L12 12.75",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ React78.createElement(
+    "path",
+    {
+      d: "M9 9V15.75",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ React78.createElement(
+    "path",
+    {
+      d: "M15.66 13.5675C16.3121 13.109 16.801 12.4546 17.056 11.6994C17.3109 10.9441 17.3186 10.1273 17.0778 9.36737C16.837 8.60748 16.3604 7.94407 15.7171 7.47342C15.0737 7.00278 14.2971 6.74938 13.5 6.75H12.555C12.3294 5.87091 11.9074 5.05444 11.3206 4.36206C10.7338 3.66969 9.99762 3.11945 9.16742 2.75277C8.33721 2.38609 7.43464 2.21252 6.52766 2.24514C5.62067 2.27776 4.7329 2.51571 3.93118 2.94107C3.12946 3.36644 2.43468 3.96814 1.89915 4.70087C1.36362 5.43361 1.0013 6.27829 0.839456 7.17132C0.677613 8.06434 0.720468 8.98245 0.964796 9.85652C1.20912 10.7306 1.64856 11.5378 2.25001 12.2175",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+);
+var DownloadCloud_default = DownloadCloud;
+
 // src/utils/business.ts
 var import_date_fns15 = require("date-fns");
 var getActivationDate = (business) => {
@@ -7576,7 +7611,9 @@ var LinkedAccountThumb = ({
 var import_classnames39 = __toESM(require("classnames"));
 var LinkedAccountsContent = ({
   asWidget,
-  showLedgerBalance
+  showLedgerBalance,
+  showUnlinkItem,
+  showBreakConnection
 }) => {
   const {
     data,
@@ -7592,7 +7629,9 @@ var LinkedAccountsContent = ({
   const linkedAccountsNewAccountClassName = (0, import_classnames39.default)(
     "Layer__linked-accounts__new-account",
     asWidget && "--as-widget",
-    showLedgerBalance && "--show-ledger-balance"
+    showLedgerBalance && "--show-ledger-balance",
+    showUnlinkItem && "--show-unlink-item",
+    showBreakConnection && "--show-break-connection"
   );
   return /* @__PURE__ */ import_react86.default.createElement("div", { className: "Layer__linked-accounts__list" }, data?.map((account, index) => {
     let pillConfig;
@@ -7624,69 +7663,68 @@ var LinkedAccountsContent = ({
           {
             name: "Repair connection",
             action: async () => {
-              if (account.connection_external_id)
+              if (account.connection_external_id) {
                 await repairConnection(
                   account.external_account_source,
                   account.connection_external_id
                 );
+              }
             }
           }
         ]
       };
     }
+    const additionalConfigs = [
+      {
+        name: "Unlink account",
+        action: async () => {
+          if (confirm(
+            "Please confirm you wish to remove this financial account"
+          )) {
+            await unlinkAccount2(account.external_account_source, account.id);
+          }
+        }
+      }
+    ];
+    if (showUnlinkItem) {
+      additionalConfigs.push({
+        name: `Unlink all accounts under this ${account.institution?.name} connection`,
+        action: async () => {
+          if (account.connection_external_id && confirm(
+            `Please confirm you wish to remove all accounts belonging to ${account.institution?.name || "this institution"}`
+          )) {
+            await removeConnection(
+              account.external_account_source,
+              account.connection_external_id
+            );
+          }
+        }
+      });
+    }
+    if (environment === "staging" && !account.connection_needs_repair_as_of && account.external_account_source === "PLAID" && showBreakConnection) {
+      additionalConfigs.push({
+        name: "Break connection (test utility)",
+        action: async () => {
+          if (account.connection_external_id) {
+            await breakConnection(
+              account.external_account_source,
+              account.connection_external_id
+            );
+          } else {
+            console.warn(
+              "Account doesn't have defined connection_external_id"
+            );
+          }
+        }
+      });
+    }
     return /* @__PURE__ */ import_react86.default.createElement(
       LinkedAccountOptions,
       {
         key: `linked-acc-${index}`,
         config: [
-          ...account.external_account_source === "PLAID" ? [
-            {
-              name: "Unlink account",
-              action: async () => {
-                if (!confirm(
-                  "Please confirm you wish to remove this financial account"
-                )) {
-                  return;
-                }
-                await unlinkAccount2(
-                  account.external_account_source,
-                  account.id
-                );
-              }
-            },
-            {
-              name: `Unlink all accounts under this ${account.institution?.name} connection`,
-              action: async () => {
-                if (!account.connection_external_id || !confirm(
-                  `Please confirm you wish to remove all accounts belonging to ${account.institution?.name || "this institution"}`
-                )) {
-                  return;
-                }
-                await removeConnection(
-                  account.external_account_source,
-                  account.connection_external_id
-                );
-              }
-            }
-          ] : [],
-          ...pillConfig ? pillConfig.config : [],
-          ...environment === "staging" && !account.connection_needs_repair_as_of && account.external_account_source === "PLAID" ? [
-            {
-              name: "Break connection (test utility)",
-              action: async () => {
-                if (account.connection_external_id) {
-                  await breakConnection(
-                    account.external_account_source,
-                    account.connection_external_id
-                  );
-                } else {
-                  console.warn(
-                    "Account doesn't have defined connection_external_id"
-                  );
-                }
-              }
-            }
-          ] : []
+          ...additionalConfigs,
+          ...pillConfig ? pillConfig.config : []
         ],
         showLedgerBalance
       },
@@ -7721,7 +7759,9 @@ var LinkedAccounts = (props) => {
 var LinkedAccountsComponent = ({
   asWidget,
   elevated,
-  showLedgerBalance = true
+  showLedgerBalance = true,
+  showUnlinkItem = false,
+  showBreakConnection = false
 }) => {
   const { isLoading, error, isValidating, refetchAccounts } = (0, import_react87.useContext)(
     LinkedAccountsContext
@@ -7746,7 +7786,9 @@ var LinkedAccountsComponent = ({
     LinkedAccountsContent,
     {
       asWidget,
-      showLedgerBalance
+      showLedgerBalance,
+      showUnlinkItem,
+      showBreakConnection
     }
   ) : null);
 };
@@ -8780,6 +8822,7 @@ var ProfitAndLossDatePicker = () => {
   return /* @__PURE__ */ import_react92.default.createElement(
     DateMonthPicker,
     {
+      key: dateRange.startDate.toISOString(),
       dateRange,
       changeDateRange,
       minDate
@@ -11522,13 +11565,6 @@ var LedgerAccount = ({
         className: "Layer__ledger-account__title"
       },
       entry?.name ?? ""
-    ), /* @__PURE__ */ import_react121.default.createElement(
-      Button,
-      {
-        variant: "secondary" /* secondary */,
-        rightIcon: /* @__PURE__ */ import_react121.default.createElement(DownloadCloud_default, { size: 12 })
-      },
-      "Download"
     )), /* @__PURE__ */ import_react121.default.createElement("div", { className: "Layer__ledger-account__balance-container" }, /* @__PURE__ */ import_react121.default.createElement(
       Text,
       {
@@ -11659,6 +11695,25 @@ var JournalContext = (0, import_react123.createContext)({
 
 // src/hooks/useJournal/useJournal.tsx
 var import_react124 = require("react");
+
+// src/utils/journal.ts
+var getAccountIdentifierPayload = (journalLineItem) => {
+  if (journalLineItem.account_identifier.id) {
+    return {
+      type: "AccountId",
+      id: journalLineItem.account_identifier.id
+    };
+  }
+  if (journalLineItem.account_identifier.stable_name) {
+    return {
+      type: "StableName",
+      stable_name: journalLineItem.account_identifier.stable_name
+    };
+  }
+  throw new Error("Invalid account identifier");
+};
+
+// src/hooks/useJournal/useJournal.tsx
 var import_swr10 = __toESM(require("swr"));
 var useJournal = () => {
   const { auth, businessId, apiUrl } = useLayerContext();
@@ -11843,10 +11898,7 @@ var useJournal = () => {
         ...form.data,
         line_items: form.data.line_items?.map((line) => ({
           ...line,
-          account_identifier: {
-            type: "StableName",
-            stable_name: line.account_identifier.stable_name
-          }
+          account_identifier: getAccountIdentifierPayload(line)
         }))
       });
     }
@@ -12418,15 +12470,7 @@ var JournalTable = ({
       sidebarIsOpen: Boolean(selectedEntryId),
       parentRef: containerRef
     },
-    /* @__PURE__ */ import_react130.default.createElement(Header, { className: `Layer__${COMPONENT_NAME5}__header` }, /* @__PURE__ */ import_react130.default.createElement(Heading, { className: `Layer__${COMPONENT_NAME5}__title` }, "Journal"), /* @__PURE__ */ import_react130.default.createElement("div", { className: `Layer__${COMPONENT_NAME5}__actions` }, /* @__PURE__ */ import_react130.default.createElement(
-      Button,
-      {
-        variant: "secondary" /* secondary */,
-        disabled: isLoading,
-        rightIcon: /* @__PURE__ */ import_react130.default.createElement(DownloadCloud_default, { size: 12 })
-      },
-      "Download"
-    ), /* @__PURE__ */ import_react130.default.createElement(Button, { onClick: () => addEntry(), disabled: isLoading }, "Add Entry"))),
+    /* @__PURE__ */ import_react130.default.createElement(Header, { className: `Layer__${COMPONENT_NAME5}__header` }, /* @__PURE__ */ import_react130.default.createElement(Heading, { className: `Layer__${COMPONENT_NAME5}__title` }, "Journal"), /* @__PURE__ */ import_react130.default.createElement("div", { className: `Layer__${COMPONENT_NAME5}__actions` }, /* @__PURE__ */ import_react130.default.createElement(Button, { onClick: () => addEntry(), disabled: isLoading }, "Add Entry"))),
     /* @__PURE__ */ import_react130.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__journal__table" }, /* @__PURE__ */ import_react130.default.createElement("thead", null, /* @__PURE__ */ import_react130.default.createElement("tr", null, /* @__PURE__ */ import_react130.default.createElement("th", { className: "Layer__table-header" }), /* @__PURE__ */ import_react130.default.createElement("th", { className: "Layer__table-header" }, "Id"), /* @__PURE__ */ import_react130.default.createElement("th", { className: "Layer__table-header" }, "Date"), /* @__PURE__ */ import_react130.default.createElement("th", { className: "Layer__table-header" }, "Transaction"), /* @__PURE__ */ import_react130.default.createElement("th", { className: "Layer__table-header" }, "Account"), /* @__PURE__ */ import_react130.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Debit"), /* @__PURE__ */ import_react130.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Credit"))), /* @__PURE__ */ import_react130.default.createElement("tbody", null, !error && data?.map((entry, idx) => {
       return /* @__PURE__ */ import_react130.default.createElement(
         JournalRow,
@@ -12761,13 +12805,12 @@ var ActionableRow = ({
 // src/components/Onboarding/ConnectAccount.tsx
 var ConnectAccount = ({
   onboardingStep,
-  onTransactionsToReviewClick,
-  currentMonthOnly = true
+  onTransactionsToReviewClick
 }) => {
   const { addConnection } = (0, import_react134.useContext)(LinkedAccountsContext);
   const { data, isLoading } = useBankTransactions();
   const transactionsToReview = (0, import_react134.useMemo)(
-    () => countTransactionsToReview({ transactions: data, currentMonthOnly }),
+    () => countTransactionsToReview({ transactions: data }),
     [data, isLoading]
   );
   if (onboardingStep === "connectAccount") {
@@ -13271,36 +13314,24 @@ var NotificationCard = ({
 // src/components/TransactionToReviewCard/TransactionToReviewCard.tsx
 var TransactionToReviewCard = ({
   onClick,
-  currentMonthOnly = true
+  usePnlDateRange
 }) => {
-  const [loaded, setLoaded] = (0, import_react144.useState)("initiated");
   const {
     data,
     isLoading,
+    loadingStatus,
     error,
     refetch,
     activate: activateBankTransactions
-  } = useBankTransactions();
+  } = useBankTransactionsContext();
+  const { dateRange: contextDateRange } = (0, import_react144.useContext)(ProfitAndLoss.Context);
+  const dateRange = usePnlDateRange ? contextDateRange : void 0;
   (0, import_react144.useEffect)(() => {
     activateBankTransactions();
   }, []);
-  (0, import_react144.useEffect)(() => {
-    if (!isLoading && data && data?.length > 0) {
-      setLoaded("complete");
-      return;
-    }
-    if (isLoading && loaded === "initiated") {
-      setLoaded("loading");
-      return;
-    }
-    if (!isLoading && loaded !== "initiated") {
-      setLoaded("complete");
-      return;
-    }
-  }, [isLoading]);
   const toReview = (0, import_react144.useMemo)(
-    () => countTransactionsToReview({ transactions: data, currentMonthOnly }),
-    [data, isLoading]
+    () => countTransactionsToReview({ transactions: data, dateRange }),
+    [data, isLoading, dateRange]
   );
   return /* @__PURE__ */ import_react144.default.createElement(
     NotificationCard,
@@ -13309,21 +13340,18 @@ var TransactionToReviewCard = ({
       onClick: () => onClick && onClick()
     },
     /* @__PURE__ */ import_react144.default.createElement(Text, { size: "sm" /* sm */ }, "Transactions to review"),
-    loaded === "initiated" || loaded === "loading" ? /* @__PURE__ */ import_react144.default.createElement(BadgeLoader, null) : null,
-    loaded === "complete" && error ? /* @__PURE__ */ import_react144.default.createElement(
+    loadingStatus === "initial" || loadingStatus === "loading" ? /* @__PURE__ */ import_react144.default.createElement(BadgeLoader, null) : null,
+    loadingStatus === "complete" && error ? /* @__PURE__ */ import_react144.default.createElement(
       Badge,
       {
         variant: "error" /* ERROR */,
         size: "small" /* SMALL */,
         icon: /* @__PURE__ */ import_react144.default.createElement(RefreshCcw_default, { size: 12 }),
-        onClick: () => {
-          setLoaded("loading");
-          refetch();
-        }
+        onClick: () => refetch()
       },
       "Refresh"
     ) : null,
-    loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */ import_react144.default.createElement(
+    loadingStatus === "complete" && !error && toReview > 0 ? /* @__PURE__ */ import_react144.default.createElement(
       Badge,
       {
         variant: "warning" /* WARNING */,
@@ -13333,7 +13361,7 @@ var TransactionToReviewCard = ({
       toReview,
       " pending"
     ) : null,
-    loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */ import_react144.default.createElement(
+    loadingStatus === "complete" && !error && toReview === 0 ? /* @__PURE__ */ import_react144.default.createElement(
       Badge,
       {
         variant: "success" /* SUCCESS */,
@@ -13374,7 +13402,13 @@ var AccountingOverview = ({
     {
       onTransactionsToReviewClick
     }
-  ), /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__accounting-overview__summaries-row" }, /* @__PURE__ */ import_react147.default.createElement(ProfitAndLoss.Summaries, { actionable: false }), /* @__PURE__ */ import_react147.default.createElement(TransactionToReviewCard, { onClick: onTransactionsToReviewClick })), /* @__PURE__ */ import_react147.default.createElement(
+  ), /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__accounting-overview__summaries-row" }, /* @__PURE__ */ import_react147.default.createElement(ProfitAndLoss.Summaries, { actionable: false }), /* @__PURE__ */ import_react147.default.createElement(
+    TransactionToReviewCard,
+    {
+      usePnlDateRange: true,
+      onClick: onTransactionsToReviewClick
+    }
+  )), /* @__PURE__ */ import_react147.default.createElement(
     Container,
     {
       name: "accounting-overview-profit-and-loss",
@@ -13427,6 +13461,8 @@ var BankTransactionsWithLinkedAccounts = ({
   title = "Bank transactions",
   elevatedLinkedAccounts = true,
   showLedgerBalance = true,
+  showUnlinkItem = false,
+  showBreakConnection = false,
   showDescriptions,
   showReceiptUploads,
   mobileComponent
@@ -13435,7 +13471,9 @@ var BankTransactionsWithLinkedAccounts = ({
     LinkedAccounts,
     {
       elevated: elevatedLinkedAccounts,
-      showLedgerBalance
+      showLedgerBalance,
+      showUnlinkItem,
+      showBreakConnection
     }
   ), /* @__PURE__ */ import_react148.default.createElement(
     BankTransactions,