@layerfi/components 0.1.56 → 0.1.58

package/dist/index.js

@@ -344,8 +344,9 @@ var getProfitAndLossCsv = get(
     year,
     tagKey,
     tagValues,
-    reportingBasis
-  }) => `/v1/businesses/${businessId}/reports/profit-and-loss/exports/csv?${startDate ? `start_date=${encodeURIComponent(startDate)}` : ""}${endDate ? `&end_date=${encodeURIComponent(endDate)}` : ""}${month ? `&month=${month}` : ""}${year ? `&year=${year}` : ""}${reportingBasis ? `&reporting_basis=${reportingBasis}` : ""}${tagKey ? `&tag_key=${tagKey}` : ""}${tagValues ? `&tag_values=${tagValues}` : ""}`
+    reportingBasis,
+    moneyFormat
+  }) => `/v1/businesses/${businessId}/reports/profit-and-loss/exports/csv?${startDate ? `start_date=${encodeURIComponent(startDate)}` : ""}${endDate ? `&end_date=${encodeURIComponent(endDate)}` : ""}${month ? `&month=${month}` : ""}${year ? `&year=${year}` : ""}${reportingBasis ? `&reporting_basis=${reportingBasis}` : ""}${tagKey ? `&tag_key=${tagKey}` : ""}${tagValues ? `&tag_values=${tagValues}` : ""}${moneyFormat ? `&money_format=${moneyFormat}` : ""}`
 );
 
 // src/api/layer/quickbooks.ts
@@ -583,7 +584,7 @@ var Toast = (props) => {
     /* @__PURE__ */ import_react5.default.createElement("p", null, content)
   );
 };
-var ToastsContainer = (0, import_react5.forwardRef)((_props, ref) => {
+var ToastsContainer = (0, import_react5.forwardRef)((_props) => {
   const { toasts } = useLayerContext();
   return /* @__PURE__ */ import_react5.default.createElement("div", { className: "Layer__toasts-container" }, toasts.map((toast, idx) => /* @__PURE__ */ import_react5.default.createElement(Toast, { key: `layer-toast-${idx}`, ...toast })));
 });
@@ -717,10 +718,10 @@ var useDrawer = () => {
 };
 
 // src/types/bank_transactions.ts
-var Direction = /* @__PURE__ */ ((Direction3) => {
-  Direction3["CREDIT"] = "CREDIT";
-  Direction3["DEBIT"] = "DEBIT";
-  return Direction3;
+var Direction = /* @__PURE__ */ ((Direction2) => {
+  Direction2["CREDIT"] = "CREDIT";
+  Direction2["DEBIT"] = "DEBIT";
+  return Direction2;
 })(Direction || {});
 var DisplayState = /* @__PURE__ */ ((DisplayState2) => {
   DisplayState2["all"] = "all";
@@ -944,8 +945,8 @@ var hueToRgb = (p, q, t) => {
 };
 var hslToRgb = (hsl) => {
   let r, g, b;
-  let l = hsl.l / 100;
-  let s = hsl.s / 100;
+  const l = hsl.l / 100;
+  const s = hsl.s / 100;
   if (hsl.s === 0) {
     r = g = b = l;
   } else {
@@ -1239,7 +1240,6 @@ var useLinkedAccounts = () => {
     }
   };
   const unlinkAccount2 = async (source, accountId) => {
-    DEBUG && console.log("unlinking account");
     if (source === "PLAID") {
       await Layer.unlinkAccount(apiUrl, auth?.access_token, {
         params: { businessId, accountId }
@@ -1672,11 +1672,11 @@ var useBankTransactions = (params) => {
     });
     mutate(updatedData, { revalidate: false });
   };
-  const shouldHideAfterCategorize = (bankTransaction) => {
+  const shouldHideAfterCategorize = () => {
     return filters?.categorizationStatus === "review" /* review */;
   };
   const removeAfterCategorize = (bankTransaction) => {
-    if (shouldHideAfterCategorize(bankTransaction)) {
+    if (shouldHideAfterCategorize()) {
       const updatedData = rawResponseData?.map((page) => {
         return {
           ...page,
@@ -1741,7 +1741,7 @@ var useBankTransactions = (params) => {
       }
     };
   }, [anyAccountSyncing, transactionsNotSynced, pollIntervalMs]);
-  useTriggerOnChange(data, anyAccountSyncing, (newTransactionList) => {
+  useTriggerOnChange(data, anyAccountSyncing, (_) => {
     clearInterval(intervalId);
     setPollIntervalMs(POLL_INTERVAL_AFTER_TXNS_RECEIVED_MS);
     eventCallbacks?.onTransactionsFetched?.();
@@ -2178,8 +2178,8 @@ var Header = (0, import_react18.forwardRef)(
 var import_react40 = __toESM(require("react"));
 
 // src/icons/Bell.tsx
-var React12 = __toESM(require("react"));
-var Bell = ({ size = 18, ...props }) => /* @__PURE__ */ React12.createElement(
+var React10 = __toESM(require("react"));
+var Bell = ({ size = 18, ...props }) => /* @__PURE__ */ React10.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2189,7 +2189,7 @@ var Bell = ({ size = 18, ...props }) => /* @__PURE__ */ React12.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React12.createElement(
+  /* @__PURE__ */ React10.createElement(
     "path",
     {
       d: "M13.5 6C13.5 4.80653 13.0259 3.66193 12.182 2.81802C11.3381 1.97411 10.1935 1.5 9 1.5C7.80653 1.5 6.66193 1.97411 5.81802 2.81802C4.97411 3.66193 4.5 4.80653 4.5 6C4.5 11.25 2.25 12.75 2.25 12.75H15.75C15.75 12.75 13.5 11.25 13.5 6Z",
@@ -2198,7 +2198,7 @@ var Bell = ({ size = 18, ...props }) => /* @__PURE__ */ React12.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React12.createElement(
+  /* @__PURE__ */ React10.createElement(
     "path",
     {
       d: "M10.2975 15.75C10.1656 15.9773 9.97638 16.166 9.74867 16.2971C9.52096 16.4283 9.26278 16.4973 9 16.4973C8.73721 16.4973 8.47904 16.4283 8.25133 16.2971C8.02362 16.166 7.83436 15.9773 7.7025 15.75",
@@ -2211,8 +2211,8 @@ var Bell = ({ size = 18, ...props }) => /* @__PURE__ */ React12.createElement(
 var Bell_default = Bell;
 
 // src/icons/CreditCard.tsx
-var React13 = __toESM(require("react"));
-var CreditCard = ({ size = 12, ...props }) => /* @__PURE__ */ React13.createElement(
+var React11 = __toESM(require("react"));
+var CreditCard = ({ size = 12, ...props }) => /* @__PURE__ */ React11.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2222,7 +2222,7 @@ var CreditCard = ({ size = 12, ...props }) => /* @__PURE__ */ React13.createElem
     width: size,
     height: size
   },
-  /* @__PURE__ */ React13.createElement(
+  /* @__PURE__ */ React11.createElement(
     "path",
     {
       d: "M10.5 2H1.5C0.947715 2 0.5 2.44772 0.5 3V9C0.5 9.55228 0.947715 10 1.5 10H10.5C11.0523 10 11.5 9.55228 11.5 9V3C11.5 2.44772 11.0523 2 10.5 2Z",
@@ -2231,7 +2231,7 @@ var CreditCard = ({ size = 12, ...props }) => /* @__PURE__ */ React13.createElem
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React13.createElement(
+  /* @__PURE__ */ React11.createElement(
     "path",
     {
       d: "M0.5 5H11.5",
@@ -2244,8 +2244,8 @@ var CreditCard = ({ size = 12, ...props }) => /* @__PURE__ */ React13.createElem
 var CreditCard_default = CreditCard;
 
 // src/icons/Folder.tsx
-var React14 = __toESM(require("react"));
-var Folder = ({ size = 12, ...props }) => /* @__PURE__ */ React14.createElement(
+var React12 = __toESM(require("react"));
+var Folder = ({ size = 12, ...props }) => /* @__PURE__ */ React12.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2255,7 +2255,7 @@ var Folder = ({ size = 12, ...props }) => /* @__PURE__ */ React14.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React14.createElement(
+  /* @__PURE__ */ React12.createElement(
     "path",
     {
       d: "M11 9.5C11 9.76522 10.8946 10.0196 10.7071 10.2071C10.5196 10.3946 10.2652 10.5 10 10.5H2C1.73478 10.5 1.48043 10.3946 1.29289 10.2071C1.10536 10.0196 1 9.76522 1 9.5V2.5C1 2.23478 1.10536 1.98043 1.29289 1.79289C1.48043 1.60536 1.73478 1.5 2 1.5H4.5L5.5 3H10C10.2652 3 10.5196 3.10536 10.7071 3.29289C10.8946 3.48043 11 3.73478 11 4V9.5Z",
@@ -2268,8 +2268,8 @@ var Folder = ({ size = 12, ...props }) => /* @__PURE__ */ React14.createElement(
 var Folder_default = Folder;
 
 // src/icons/Link.tsx
-var React15 = __toESM(require("react"));
-var Link = ({ size = 18, ...props }) => /* @__PURE__ */ React15.createElement(
+var React13 = __toESM(require("react"));
+var Link = ({ size = 18, ...props }) => /* @__PURE__ */ React13.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2279,7 +2279,7 @@ var Link = ({ size = 18, ...props }) => /* @__PURE__ */ React15.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React15.createElement(
+  /* @__PURE__ */ React13.createElement(
     "path",
     {
       d: "M7.5 9.75C7.82209 10.1806 8.23302 10.5369 8.70491 10.7947C9.17681 11.0525 9.69863 11.2058 10.235 11.2442C10.7713 11.2827 11.3097 11.2053 11.8135 11.0173C12.3173 10.8294 12.7748 10.5353 13.155 10.155L15.405 7.905C16.0881 7.19774 16.4661 6.25048 16.4575 5.26724C16.449 4.284 16.0546 3.34346 15.3593 2.64818C14.664 1.9529 13.7235 1.55851 12.7403 1.54997C11.757 1.54143 10.8098 1.9194 10.1025 2.6025L8.8125 3.885",
@@ -2288,7 +2288,7 @@ var Link = ({ size = 18, ...props }) => /* @__PURE__ */ React15.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React15.createElement(
+  /* @__PURE__ */ React13.createElement(
     "path",
     {
       d: "M10.5 8.25C10.1779 7.8194 9.76698 7.46311 9.29508 7.2053C8.82319 6.94748 8.30137 6.79416 7.76501 6.75575C7.22865 6.71734 6.69031 6.79473 6.18649 6.98266C5.68267 7.1706 5.22516 7.4647 4.845 7.845L2.595 10.095C1.9119 10.8023 1.53393 11.7495 1.54247 12.7328C1.55101 13.716 1.9454 14.6565 2.64068 15.3518C3.33596 16.0471 4.2765 16.4415 5.25974 16.45C6.24298 16.4586 7.19024 16.0806 7.8975 15.3975L9.18 14.115",
@@ -2314,8 +2314,8 @@ var PlaidIcon = () => {
 var PlaidIcon_default = PlaidIcon;
 
 // src/icons/Sunrise.tsx
-var React17 = __toESM(require("react"));
-var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React17.createElement(
+var React15 = __toESM(require("react"));
+var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React15.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2325,7 +2325,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React17.createElement
     width: size,
     height: size
   },
-  /* @__PURE__ */ React17.createElement(
+  /* @__PURE__ */ React15.createElement(
     "path",
     {
       d: "M8.5 9C8.5 8.33696 8.23661 7.70107 7.76777 7.23223C7.29893 6.76339 6.66304 6.5 6 6.5C5.33696 6.5 4.70107 6.76339 4.23223 7.23223C3.76339 7.70107 3.5 8.33696 3.5 9",
@@ -2334,7 +2334,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React17.createElement
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React17.createElement(
+  /* @__PURE__ */ React15.createElement(
     "path",
     {
       d: "M6 3.3335V4.66683",
@@ -2343,7 +2343,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React17.createElement
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React17.createElement(
+  /* @__PURE__ */ React15.createElement(
     "path",
     {
       d: "M2.11 5.10986L2.82 5.81986",
@@ -2352,7 +2352,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React17.createElement
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React17.createElement(
+  /* @__PURE__ */ React15.createElement(
     "path",
     {
       d: "M0.5 9H1.5",
@@ -2361,7 +2361,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React17.createElement
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React17.createElement(
+  /* @__PURE__ */ React15.createElement(
     "path",
     {
       d: "M10.5 9H11.5",
@@ -2370,7 +2370,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React17.createElement
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React17.createElement(
+  /* @__PURE__ */ React15.createElement(
     "path",
     {
       d: "M9.17999 5.81986L9.88999 5.10986",
@@ -2379,7 +2379,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React17.createElement
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React17.createElement(
+  /* @__PURE__ */ React15.createElement(
     "path",
     {
       d: "M11.5 11H0.5",
@@ -2453,8 +2453,8 @@ var getCategorizePayload = (category) => {
 var import_react37 = __toESM(require("react"));
 
 // src/icons/ChevronRight.tsx
-var React18 = __toESM(require("react"));
-var ChevronRight = ({ size = 18, ...props }) => /* @__PURE__ */ React18.createElement(
+var React16 = __toESM(require("react"));
+var ChevronRight = ({ ...props }) => /* @__PURE__ */ React16.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2464,7 +2464,7 @@ var ChevronRight = ({ size = 18, ...props }) => /* @__PURE__ */ React18.createEl
     fill: "none",
     ...props
   },
-  /* @__PURE__ */ React18.createElement(
+  /* @__PURE__ */ React16.createElement(
     "path",
     {
       d: "M6.75 13.5L11.25 9L6.75 4.5",
@@ -2571,8 +2571,8 @@ var IconButton = ({
 var import_react22 = __toESM(require("react"));
 
 // src/icons/RefreshCcw.tsx
-var React21 = __toESM(require("react"));
-var RefreshCcw = ({ size = 18, ...props }) => /* @__PURE__ */ React21.createElement(
+var React19 = __toESM(require("react"));
+var RefreshCcw = ({ size = 18, ...props }) => /* @__PURE__ */ React19.createElement(
   "svg",
   {
     viewBox: "0 0 18 18",
@@ -2582,7 +2582,7 @@ var RefreshCcw = ({ size = 18, ...props }) => /* @__PURE__ */ React21.createElem
     width: size,
     height: size
   },
-  /* @__PURE__ */ React21.createElement(
+  /* @__PURE__ */ React19.createElement(
     "path",
     {
       d: "M0.75 3V7.5H5.25",
@@ -2591,7 +2591,7 @@ var RefreshCcw = ({ size = 18, ...props }) => /* @__PURE__ */ React21.createElem
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React21.createElement(
+  /* @__PURE__ */ React19.createElement(
     "path",
     {
       d: "M17.25 15V10.5H12.75",
@@ -2600,7 +2600,7 @@ var RefreshCcw = ({ size = 18, ...props }) => /* @__PURE__ */ React21.createElem
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React21.createElement(
+  /* @__PURE__ */ React19.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",
@@ -2645,8 +2645,8 @@ var RetryButton = ({
 var import_react27 = __toESM(require("react"));
 
 // src/icons/AlertCircle.tsx
-var React23 = __toESM(require("react"));
-var AlertCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React23.createElement(
+var React21 = __toESM(require("react"));
+var AlertCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React21.createElement(
   "svg",
   {
     viewBox: "0 0 18 18",
@@ -2656,7 +2656,7 @@ var AlertCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React23.createEle
     width: size,
     height: size
   },
-  /* @__PURE__ */ React23.createElement(
+  /* @__PURE__ */ React21.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",
@@ -2665,7 +2665,7 @@ var AlertCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React23.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React23.createElement(
+  /* @__PURE__ */ React21.createElement(
     "path",
     {
       d: "M9 6V9",
@@ -2674,7 +2674,7 @@ var AlertCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React23.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React23.createElement(
+  /* @__PURE__ */ React21.createElement(
     "path",
     {
       d: "M9 12H9.0075",
@@ -2687,8 +2687,8 @@ var AlertCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React23.createEle
 var AlertCircle_default = AlertCircle;
 
 // src/icons/CheckCircle.tsx
-var React24 = __toESM(require("react"));
-var CheckCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React24.createElement(
+var React22 = __toESM(require("react"));
+var CheckCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React22.createElement(
   "svg",
   {
     viewBox: "0 0 18 18",
@@ -2698,7 +2698,7 @@ var CheckCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React24.createEle
     width: size,
     height: size
   },
-  /* @__PURE__ */ React24.createElement(
+  /* @__PURE__ */ React22.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",
@@ -2707,7 +2707,7 @@ var CheckCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React24.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React24.createElement(
+  /* @__PURE__ */ React22.createElement(
     "path",
     {
       d: "M16.5 3L9 10.5075L6.75 8.2575",
@@ -2720,8 +2720,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 React23 = __toESM(require("react"));
+var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React23.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2731,7 +2731,7 @@ var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React23.createElement(
     "path",
     {
       d: "M9 1.5V4.5",
@@ -2740,7 +2740,7 @@ var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React23.createElement(
     "path",
     {
       d: "M9 13.5V16.5",
@@ -2749,7 +2749,7 @@ var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React23.createElement(
     "path",
     {
       d: "M3.69751 3.69751L5.82001 5.82001",
@@ -2758,7 +2758,7 @@ var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React23.createElement(
     "path",
     {
       d: "M12.1799 12.18L14.3024 14.3025",
@@ -2767,7 +2767,7 @@ var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React23.createElement(
     "path",
     {
       d: "M1.5 9H4.5",
@@ -2776,7 +2776,7 @@ var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React23.createElement(
     "path",
     {
       d: "M13.5 9H16.5",
@@ -2785,7 +2785,7 @@ var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React23.createElement(
     "path",
     {
       d: "M3.69751 14.3025L5.82001 12.18",
@@ -2794,7 +2794,7 @@ var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React23.createElement(
     "path",
     {
       d: "M12.1799 5.82001L14.3024 3.69751",
@@ -2807,8 +2807,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 React24 = __toESM(require("react"));
+var Save = ({ size = 18, ...props }) => /* @__PURE__ */ React24.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2818,7 +2818,7 @@ var Save = ({ size = 18, ...props }) => /* @__PURE__ */ React26.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React26.createElement(
+  /* @__PURE__ */ React24.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",
@@ -2827,7 +2827,7 @@ var Save = ({ size = 18, ...props }) => /* @__PURE__ */ React26.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React26.createElement(
+  /* @__PURE__ */ React24.createElement(
     "path",
     {
       d: "M12.75 15.75V9.75H5.25V15.75",
@@ -2836,7 +2836,7 @@ var Save = ({ size = 18, ...props }) => /* @__PURE__ */ React26.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React26.createElement(
+  /* @__PURE__ */ React24.createElement(
     "path",
     {
       d: "M5.25 2.25V6H11.25",
@@ -3043,8 +3043,8 @@ var TextButton = ({
 var import_react29 = __toESM(require("react"));
 
 // src/icons/BackArrow.tsx
-var React31 = __toESM(require("react"));
-var BackArrow = ({ size = 18, ...props }) => /* @__PURE__ */ React31.createElement(
+var React29 = __toESM(require("react"));
+var BackArrow = ({ size = 18, ...props }) => /* @__PURE__ */ React29.createElement(
   "svg",
   {
     viewBox: "0 0 12 12",
@@ -3054,7 +3054,7 @@ var BackArrow = ({ size = 18, ...props }) => /* @__PURE__ */ React31.createEleme
     width: size,
     height: size
   },
-  /* @__PURE__ */ React31.createElement(
+  /* @__PURE__ */ React29.createElement(
     "path",
     {
       d: "M7.375 8.75L4.625 6L7.375 3.25",
@@ -3082,8 +3082,8 @@ var BackButton = ({
 var import_react30 = __toESM(require("react"));
 
 // src/icons/CloseIcon.tsx
-var React33 = __toESM(require("react"));
-var CloseIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React33.createElement(
+var React31 = __toESM(require("react"));
+var CloseIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React31.createElement(
   "svg",
   {
     viewBox: "0 0 12 12",
@@ -3093,7 +3093,7 @@ var CloseIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React33.createEleme
     width: size,
     height: size
   },
-  /* @__PURE__ */ React33.createElement(
+  /* @__PURE__ */ React31.createElement(
     "path",
     {
       d: "M8.75 3.25L3.25 8.75",
@@ -3102,7 +3102,7 @@ var CloseIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React33.createEleme
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React33.createElement(
+  /* @__PURE__ */ React31.createElement(
     "path",
     {
       d: "M3.25 3.25L8.75 8.75",
@@ -3401,8 +3401,8 @@ var Badge = ({
 var import_react39 = __toESM(require("react"));
 
 // src/icons/AlertOctagon.tsx
-var React43 = __toESM(require("react"));
-var AlertOctagon = ({ size = 18, ...props }) => /* @__PURE__ */ React43.createElement(
+var React41 = __toESM(require("react"));
+var AlertOctagon = ({ size = 18, ...props }) => /* @__PURE__ */ React41.createElement(
   "svg",
   {
     viewBox: "0 0 18 18",
@@ -3412,7 +3412,7 @@ var AlertOctagon = ({ size = 18, ...props }) => /* @__PURE__ */ React43.createEl
     width: size,
     height: size
   },
-  /* @__PURE__ */ React43.createElement(
+  /* @__PURE__ */ React41.createElement(
     "path",
     {
       d: "M5.895 1.5H12.105L16.5 5.895V12.105L12.105 16.5H5.895L1.5 12.105V5.895L5.895 1.5Z",
@@ -3421,7 +3421,7 @@ var AlertOctagon = ({ size = 18, ...props }) => /* @__PURE__ */ React43.createEl
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React43.createElement(
+  /* @__PURE__ */ React41.createElement(
     "path",
     {
       d: "M9 6V9",
@@ -3430,7 +3430,7 @@ var AlertOctagon = ({ size = 18, ...props }) => /* @__PURE__ */ React43.createEl
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React43.createElement(
+  /* @__PURE__ */ React41.createElement(
     "path",
     {
       d: "M9 12H9.0075",
@@ -3627,8 +3627,8 @@ var SmallLoader = ({ size = 28 }) => {
 var import_react50 = __toESM(require("react"));
 
 // src/icons/PlusIcon.tsx
-var React49 = __toESM(require("react"));
-var PlusIcon = ({ size = 14, ...props }) => /* @__PURE__ */ React49.createElement(
+var React47 = __toESM(require("react"));
+var PlusIcon = ({ size = 14, ...props }) => /* @__PURE__ */ React47.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3638,7 +3638,7 @@ var PlusIcon = ({ size = 14, ...props }) => /* @__PURE__ */ React49.createElemen
     width: size,
     height: size
   },
-  /* @__PURE__ */ React49.createElement(
+  /* @__PURE__ */ React47.createElement(
     "path",
     {
       d: "M14.6667 8.49996C14.6667 4.81806 11.6819 1.83329 8.00004 1.83329C4.31814 1.83329 1.33337 4.81806 1.33337 8.49996C1.33337 12.1819 4.31814 15.1666 8.00004 15.1666C11.6819 15.1666 14.6667 12.1819 14.6667 8.49996Z",
@@ -3647,7 +3647,7 @@ var PlusIcon = ({ size = 14, ...props }) => /* @__PURE__ */ React49.createElemen
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React49.createElement(
+  /* @__PURE__ */ React47.createElement(
     "path",
     {
       d: "M5.33337 8.5L10.6667 8.5",
@@ -3656,7 +3656,7 @@ var PlusIcon = ({ size = 14, ...props }) => /* @__PURE__ */ React49.createElemen
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React49.createElement(
+  /* @__PURE__ */ React47.createElement(
     "path",
     {
       d: "M8 11.1666L8 5.83329",
@@ -3792,8 +3792,8 @@ var LinkedAccountOptions = ({
 var import_react49 = __toESM(require("react"));
 
 // src/icons/InstitutionIcon.tsx
-var React53 = __toESM(require("react"));
-var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.createElement(
+var React51 = __toESM(require("react"));
+var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React51.createElement(
   "svg",
   {
     viewBox: "0 0 27 28",
@@ -3803,42 +3803,42 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
     width: size,
     height: size
   },
-  /* @__PURE__ */ React53.createElement("g", { filter: "url(#filter0_i_2320_122784)" }, /* @__PURE__ */ React53.createElement(
+  /* @__PURE__ */ React51.createElement("g", { filter: "url(#filter0_i_2320_122784)" }, /* @__PURE__ */ React51.createElement(
     "path",
     {
       d: "M0 8.50225C0 8.13268 0.20383 7.79324 0.530047 7.61956L13.03 0.964441C13.3238 0.80803 13.6762 0.808029 13.97 0.964441L26.47 7.61956C26.7962 7.79324 27 8.13268 27 8.50225V9.71423C27 10.2665 26.5523 10.7142 26 10.7142H0.999999C0.447715 10.7142 0 10.2665 0 9.71423V8.50225Z",
       fill: "currentColor"
     }
   )),
-  /* @__PURE__ */ React53.createElement("g", { filter: "url(#filter1_i_2320_122784)" }, /* @__PURE__ */ React53.createElement(
+  /* @__PURE__ */ React51.createElement("g", { filter: "url(#filter1_i_2320_122784)" }, /* @__PURE__ */ React51.createElement(
     "path",
     {
       d: "M3 13C3 12.4477 3.44772 12 4 12H7C7.55228 12 8 12.4477 8 13V20C8 20.5523 7.55228 21 7 21H4C3.44772 21 3 20.5523 3 20L3 13Z",
       fill: "currentColor"
     }
   )),
-  /* @__PURE__ */ React53.createElement("g", { filter: "url(#filter2_i_2320_122784)" }, /* @__PURE__ */ React53.createElement(
+  /* @__PURE__ */ React51.createElement("g", { filter: "url(#filter2_i_2320_122784)" }, /* @__PURE__ */ React51.createElement(
     "path",
     {
       d: "M11 13C11 12.4477 11.4477 12 12 12H15C15.5523 12 16 12.4477 16 13V20C16 20.5523 15.5523 21 15 21H12C11.4477 21 11 20.5523 11 20L11 13Z",
       fill: "currentColor"
     }
   )),
-  /* @__PURE__ */ React53.createElement("g", { filter: "url(#filter3_i_2320_122784)" }, /* @__PURE__ */ React53.createElement(
+  /* @__PURE__ */ React51.createElement("g", { filter: "url(#filter3_i_2320_122784)" }, /* @__PURE__ */ React51.createElement(
     "path",
     {
       d: "M19 13C19 12.4477 19.4477 12 20 12H23C23.5523 12 24 12.4477 24 13V20C24 20.5523 23.5523 21 23 21H20C19.4477 21 19 20.5523 19 20L19 13Z",
       fill: "currentColor"
     }
   )),
-  /* @__PURE__ */ React53.createElement("g", { filter: "url(#filter4_i_2320_122784)" }, /* @__PURE__ */ React53.createElement(
+  /* @__PURE__ */ React51.createElement("g", { filter: "url(#filter4_i_2320_122784)" }, /* @__PURE__ */ React51.createElement(
     "path",
     {
       d: "M1 23.2856C1 22.7334 1.44772 22.2856 2 22.2856H25C25.5523 22.2856 26 22.7334 26 23.2856V26.2856C26 26.8379 25.5523 27.2856 25 27.2856H2C1.44772 27.2856 1 26.8379 1 26.2856L1 23.2856Z",
       fill: "currentColor"
     }
   )),
-  /* @__PURE__ */ React53.createElement("defs", null, /* @__PURE__ */ React53.createElement(
+  /* @__PURE__ */ React51.createElement("defs", null, /* @__PURE__ */ React51.createElement(
     "filter",
     {
       id: "filter0_i_2320_122784",
@@ -3849,8 +3849,8 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
       filterUnits: "userSpaceOnUse",
       colorInterpolationFilters: "sRGB"
     },
-    /* @__PURE__ */ React53.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+    /* @__PURE__ */ React51.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -3859,7 +3859,7 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
         result: "shape"
       }
     ),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement(
       "feColorMatrix",
       {
         in: "SourceAlpha",
@@ -3868,17 +3868,17 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
         result: "hardAlpha"
       }
     ),
-    /* @__PURE__ */ React53.createElement("feOffset", null),
-    /* @__PURE__ */ React53.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
-    /* @__PURE__ */ React53.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement("feOffset", null),
+    /* @__PURE__ */ React51.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
+    /* @__PURE__ */ React51.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+    /* @__PURE__ */ React51.createElement(
       "feColorMatrix",
       {
         type: "matrix",
         values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.04 0"
       }
     ),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -3886,7 +3886,7 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
         result: "effect1_innerShadow_2320_122784"
       }
     )
-  ), /* @__PURE__ */ React53.createElement(
+  ), /* @__PURE__ */ React51.createElement(
     "filter",
     {
       id: "filter1_i_2320_122784",
@@ -3897,8 +3897,8 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
       filterUnits: "userSpaceOnUse",
       colorInterpolationFilters: "sRGB"
     },
-    /* @__PURE__ */ React53.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+    /* @__PURE__ */ React51.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -3907,7 +3907,7 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
         result: "shape"
       }
     ),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement(
       "feColorMatrix",
       {
         in: "SourceAlpha",
@@ -3916,17 +3916,17 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
         result: "hardAlpha"
       }
     ),
-    /* @__PURE__ */ React53.createElement("feOffset", null),
-    /* @__PURE__ */ React53.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
-    /* @__PURE__ */ React53.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement("feOffset", null),
+    /* @__PURE__ */ React51.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
+    /* @__PURE__ */ React51.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+    /* @__PURE__ */ React51.createElement(
       "feColorMatrix",
       {
         type: "matrix",
         values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.04 0"
       }
     ),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -3934,7 +3934,7 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
         result: "effect1_innerShadow_2320_122784"
       }
     )
-  ), /* @__PURE__ */ React53.createElement(
+  ), /* @__PURE__ */ React51.createElement(
     "filter",
     {
       id: "filter2_i_2320_122784",
@@ -3945,8 +3945,8 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
       filterUnits: "userSpaceOnUse",
       colorInterpolationFilters: "sRGB"
     },
-    /* @__PURE__ */ React53.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+    /* @__PURE__ */ React51.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -3955,7 +3955,7 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
         result: "shape"
       }
     ),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement(
       "feColorMatrix",
       {
         in: "SourceAlpha",
@@ -3964,17 +3964,17 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
         result: "hardAlpha"
       }
     ),
-    /* @__PURE__ */ React53.createElement("feOffset", null),
-    /* @__PURE__ */ React53.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
-    /* @__PURE__ */ React53.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement("feOffset", null),
+    /* @__PURE__ */ React51.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
+    /* @__PURE__ */ React51.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+    /* @__PURE__ */ React51.createElement(
       "feColorMatrix",
       {
         type: "matrix",
         values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.04 0"
       }
     ),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -3982,7 +3982,7 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
         result: "effect1_innerShadow_2320_122784"
       }
     )
-  ), /* @__PURE__ */ React53.createElement(
+  ), /* @__PURE__ */ React51.createElement(
     "filter",
     {
       id: "filter3_i_2320_122784",
@@ -3993,8 +3993,8 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
       filterUnits: "userSpaceOnUse",
       colorInterpolationFilters: "sRGB"
     },
-    /* @__PURE__ */ React53.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+    /* @__PURE__ */ React51.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -4003,7 +4003,7 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
         result: "shape"
       }
     ),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement(
       "feColorMatrix",
       {
         in: "SourceAlpha",
@@ -4012,17 +4012,17 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
         result: "hardAlpha"
       }
     ),
-    /* @__PURE__ */ React53.createElement("feOffset", null),
-    /* @__PURE__ */ React53.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
-    /* @__PURE__ */ React53.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement("feOffset", null),
+    /* @__PURE__ */ React51.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
+    /* @__PURE__ */ React51.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+    /* @__PURE__ */ React51.createElement(
       "feColorMatrix",
       {
         type: "matrix",
         values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.04 0"
       }
     ),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -4030,7 +4030,7 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
         result: "effect1_innerShadow_2320_122784"
       }
     )
-  ), /* @__PURE__ */ React53.createElement(
+  ), /* @__PURE__ */ React51.createElement(
     "filter",
     {
       id: "filter4_i_2320_122784",
@@ -4041,8 +4041,8 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
       filterUnits: "userSpaceOnUse",
       colorInterpolationFilters: "sRGB"
     },
-    /* @__PURE__ */ React53.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+    /* @__PURE__ */ React51.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -4051,7 +4051,7 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
         result: "shape"
       }
     ),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement(
       "feColorMatrix",
       {
         in: "SourceAlpha",
@@ -4060,17 +4060,17 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React53.creat
         result: "hardAlpha"
       }
     ),
-    /* @__PURE__ */ React53.createElement("feOffset", null),
-    /* @__PURE__ */ React53.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
-    /* @__PURE__ */ React53.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement("feOffset", null),
+    /* @__PURE__ */ React51.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
+    /* @__PURE__ */ React51.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+    /* @__PURE__ */ React51.createElement(
       "feColorMatrix",
       {
         type: "matrix",
         values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.04 0"
       }
     ),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React51.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -4392,7 +4392,7 @@ var useElementSize = (callback) => {
 
 // src/utils/helpers.ts
 var range = (start, end) => {
-  let length = end - start + 1;
+  const length = end - start + 1;
   return Array.from({ length }, (_, idx) => idx + start);
 };
 var debounce = (fnc, timeout = 300) => {
@@ -4412,8 +4412,8 @@ var import_react74 = __toESM(require("react"));
 var import_react73 = __toESM(require("react"));
 
 // src/icons/ChevronDownFill.tsx
-var React59 = __toESM(require("react"));
-var ChevronDownFill = ({ size = 18, ...props }) => /* @__PURE__ */ React59.createElement(
+var React57 = __toESM(require("react"));
+var ChevronDownFill = ({ size = 18, ...props }) => /* @__PURE__ */ React57.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4423,8 +4423,8 @@ var ChevronDownFill = ({ size = 18, ...props }) => /* @__PURE__ */ React59.creat
     width: size,
     height: size
   },
-  /* @__PURE__ */ React59.createElement("path", { d: "M4.5 6.75L9 11.25L13.5 6.75", fill: "currentColor" }),
-  /* @__PURE__ */ React59.createElement(
+  /* @__PURE__ */ React57.createElement("path", { d: "M4.5 6.75L9 11.25L13.5 6.75", fill: "currentColor" }),
+  /* @__PURE__ */ React57.createElement(
     "path",
     {
       d: "M4.5 6.75L9 11.25L13.5 6.75H4.5Z",
@@ -4440,8 +4440,8 @@ var ChevronDownFill_default = ChevronDownFill;
 var import_react71 = __toESM(require("react"));
 
 // src/icons/Scissors.tsx
-var React60 = __toESM(require("react"));
-var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React60.createElement(
+var React58 = __toESM(require("react"));
+var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React58.createElement(
   "svg",
   {
     viewBox: "0 0 11 11",
@@ -4451,7 +4451,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React60.createElemen
     width: size,
     height: size
   },
-  /* @__PURE__ */ React60.createElement(
+  /* @__PURE__ */ React58.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",
@@ -4459,7 +4459,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React60.createElemen
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ React60.createElement(
+    /* @__PURE__ */ React58.createElement(
       "animate",
       {
         attributeName: "d",
@@ -4474,7 +4474,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React60.createElemen
       }
     )
   ),
-  /* @__PURE__ */ React60.createElement(
+  /* @__PURE__ */ React58.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",
@@ -4482,7 +4482,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React60.createElemen
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ React60.createElement(
+    /* @__PURE__ */ React58.createElement(
       "animate",
       {
         attributeName: "d",
@@ -4497,7 +4497,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React60.createElemen
       }
     )
   ),
-  /* @__PURE__ */ React60.createElement(
+  /* @__PURE__ */ React58.createElement(
     "path",
     {
       d: "M9.16668 1.83325L3.72168 7.27825",
@@ -4505,7 +4505,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React60.createElemen
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ React60.createElement(
+    /* @__PURE__ */ React58.createElement(
       "animate",
       {
         attributeName: "d",
@@ -4520,7 +4520,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React60.createElemen
       }
     )
   ),
-  /* @__PURE__ */ React60.createElement(
+  /* @__PURE__ */ React58.createElement(
     "path",
     {
       d: "M6.63232 6.63672L9.16691 9.16672",
@@ -4528,7 +4528,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React60.createElemen
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ React60.createElement(
+    /* @__PURE__ */ React58.createElement(
       "animate",
       {
         attributeName: "d",
@@ -4543,7 +4543,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React60.createElemen
       }
     )
   ),
-  /* @__PURE__ */ React60.createElement(
+  /* @__PURE__ */ React58.createElement(
     "path",
     {
       d: "M3.72168 3.72168L5.50001 5.50001",
@@ -4551,7 +4551,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React60.createElemen
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ React60.createElement(
+    /* @__PURE__ */ React58.createElement(
       "animate",
       {
         attributeName: "d",
@@ -4574,8 +4574,8 @@ var import_react56 = __toESM(require("react"));
 var import_react_select = __toESM(require("react-select"));
 
 // src/icons/Check.tsx
-var React61 = __toESM(require("react"));
-var Check = ({ size = 18, ...props }) => /* @__PURE__ */ React61.createElement(
+var React59 = __toESM(require("react"));
+var Check = ({ size = 18, ...props }) => /* @__PURE__ */ React59.createElement(
   "svg",
   {
     viewBox: "0 0 18 18",
@@ -4585,7 +4585,7 @@ var Check = ({ size = 18, ...props }) => /* @__PURE__ */ React61.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React61.createElement(
+  /* @__PURE__ */ React59.createElement(
     "path",
     {
       d: "M15 4.5L6.75 12.75L3 9",
@@ -4598,8 +4598,8 @@ var Check = ({ size = 18, ...props }) => /* @__PURE__ */ React61.createElement(
 var Check_default = Check;
 
 // src/icons/ChevronDown.tsx
-var React62 = __toESM(require("react"));
-var ChevronDown = ({ size = 18, ...props }) => /* @__PURE__ */ React62.createElement(
+var React60 = __toESM(require("react"));
+var ChevronDown = ({ size = 18, ...props }) => /* @__PURE__ */ React60.createElement(
   "svg",
   {
     viewBox: "0 0 18 18",
@@ -4609,7 +4609,7 @@ var ChevronDown = ({ size = 18, ...props }) => /* @__PURE__ */ React62.createEle
     width: size,
     height: size
   },
-  /* @__PURE__ */ React62.createElement(
+  /* @__PURE__ */ React60.createElement(
     "path",
     {
       d: "M4.5 6.75L9 11.25L13.5 6.75",
@@ -4622,8 +4622,8 @@ var ChevronDown = ({ size = 18, ...props }) => /* @__PURE__ */ React62.createEle
 var ChevronDown_default = ChevronDown;
 
 // src/icons/MinimizeTwo.tsx
-var React63 = __toESM(require("react"));
-var MinimizeTwo = ({ size = 18, ...props }) => /* @__PURE__ */ React63.createElement(
+var React61 = __toESM(require("react"));
+var MinimizeTwo = ({ size = 18, ...props }) => /* @__PURE__ */ React61.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4633,7 +4633,7 @@ var MinimizeTwo = ({ size = 18, ...props }) => /* @__PURE__ */ React63.createEle
     width: size,
     height: size
   },
-  /* @__PURE__ */ React63.createElement(
+  /* @__PURE__ */ React61.createElement(
     "path",
     {
       d: "M3 10.5H7.5V15",
@@ -4642,7 +4642,7 @@ var MinimizeTwo = ({ size = 18, ...props }) => /* @__PURE__ */ React63.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React63.createElement(
+  /* @__PURE__ */ React61.createElement(
     "path",
     {
       d: "M15 7.5H10.5V3",
@@ -4651,7 +4651,7 @@ var MinimizeTwo = ({ size = 18, ...props }) => /* @__PURE__ */ React63.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React63.createElement(
+  /* @__PURE__ */ React61.createElement(
     "path",
     {
       d: "M10.5 7.5L15.75 2.25",
@@ -4660,7 +4660,7 @@ var MinimizeTwo = ({ size = 18, ...props }) => /* @__PURE__ */ React63.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React63.createElement(
+  /* @__PURE__ */ React61.createElement(
     "path",
     {
       d: "M2.25 15.75L7.5 10.5",
@@ -4954,16 +4954,16 @@ function flattenCategories2(categories) {
     if (!category.subCategories || category.subCategories.length === 0) {
       return [category];
     }
-    return category.subCategories.flatMap((subCategory) => getLeafCategories(subCategory));
+    return category.subCategories.flatMap(
+      (subCategory) => getLeafCategories(subCategory)
+    );
   }
-  return categories.map(
-    (category) => {
-      return {
-        label: category.display_name,
-        options: getLeafCategories(category).map((x) => mapCategoryToOption2(x))
-      };
-    }
-  );
+  return categories.map((category) => {
+    return {
+      label: category.display_name,
+      options: getLeafCategories(category).map((x) => mapCategoryToOption2(x))
+    };
+  });
 }
 var CategorySelect = ({
   bankTransaction,
@@ -5046,8 +5046,8 @@ var CategorySelect = ({
 var import_react69 = __toESM(require("react"));
 
 // src/icons/ScissorsFullOpen.tsx
-var React68 = __toESM(require("react"));
-var ScissorsFullOpen = ({ size = 12, ...props }) => /* @__PURE__ */ React68.createElement(
+var React66 = __toESM(require("react"));
+var ScissorsFullOpen = ({ size = 12, ...props }) => /* @__PURE__ */ React66.createElement(
   "svg",
   {
     viewBox: "0 0 12 12",
@@ -5057,7 +5057,7 @@ var ScissorsFullOpen = ({ size = 12, ...props }) => /* @__PURE__ */ React68.crea
     width: size,
     height: size
   },
-  /* @__PURE__ */ React68.createElement("g", { id: "scissors" }, /* @__PURE__ */ React68.createElement(
+  /* @__PURE__ */ React66.createElement("g", { id: "scissors" }, /* @__PURE__ */ React66.createElement(
     "path",
     {
       id: "Vector",
@@ -5066,7 +5066,7 @@ var ScissorsFullOpen = ({ size = 12, ...props }) => /* @__PURE__ */ React68.crea
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React68.createElement(
+  ), /* @__PURE__ */ React66.createElement(
     "path",
     {
       id: "Vector_2",
@@ -5075,7 +5075,7 @@ var ScissorsFullOpen = ({ size = 12, ...props }) => /* @__PURE__ */ React68.crea
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React68.createElement(
+  ), /* @__PURE__ */ React66.createElement(
     "path",
     {
       id: "Vector_3",
@@ -5084,7 +5084,7 @@ var ScissorsFullOpen = ({ size = 12, ...props }) => /* @__PURE__ */ React68.crea
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React68.createElement(
+  ), /* @__PURE__ */ React66.createElement(
     "path",
     {
       id: "Vector_4",
@@ -5093,7 +5093,7 @@ var ScissorsFullOpen = ({ size = 12, ...props }) => /* @__PURE__ */ React68.crea
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React68.createElement(
+  ), /* @__PURE__ */ React66.createElement(
     "path",
     {
       id: "Vector_5",
@@ -5107,8 +5107,8 @@ var ScissorsFullOpen = ({ size = 12, ...props }) => /* @__PURE__ */ React68.crea
 var ScissorsFullOpen_default = ScissorsFullOpen;
 
 // src/icons/Trash.tsx
-var React69 = __toESM(require("react"));
-var Trash = ({ size = 18, ...props }) => /* @__PURE__ */ React69.createElement(
+var React67 = __toESM(require("react"));
+var Trash = ({ size = 18, ...props }) => /* @__PURE__ */ React67.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5118,7 +5118,7 @@ var Trash = ({ size = 18, ...props }) => /* @__PURE__ */ React69.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React69.createElement(
+  /* @__PURE__ */ React67.createElement(
     "path",
     {
       d: "M2.25 4.5H3.75H15.75",
@@ -5127,7 +5127,7 @@ var Trash = ({ size = 18, ...props }) => /* @__PURE__ */ React69.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React69.createElement(
+  /* @__PURE__ */ React67.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",
@@ -5136,7 +5136,7 @@ var Trash = ({ size = 18, ...props }) => /* @__PURE__ */ React69.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React69.createElement(
+  /* @__PURE__ */ React67.createElement(
     "path",
     {
       d: "M7.5 8.25V12.75",
@@ -5145,7 +5145,7 @@ var Trash = ({ size = 18, ...props }) => /* @__PURE__ */ React69.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React69.createElement(
+  /* @__PURE__ */ React67.createElement(
     "path",
     {
       d: "M10.5 8.25V12.75",
@@ -5207,8 +5207,8 @@ var InputGroup = ({
 var import_react59 = __toESM(require("react"));
 
 // src/icons/UploadCloud.tsx
-var React72 = __toESM(require("react"));
-var UploadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React72.createElement(
+var React70 = __toESM(require("react"));
+var UploadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React70.createElement(
   "svg",
   {
     viewBox: "0 0 18 18",
@@ -5218,7 +5218,7 @@ var UploadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React72.createEle
     width: size,
     height: size
   },
-  /* @__PURE__ */ React72.createElement(
+  /* @__PURE__ */ React70.createElement(
     "path",
     {
       d: "M12 12L9 9L6 12",
@@ -5227,7 +5227,7 @@ var UploadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React72.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React72.createElement(
+  /* @__PURE__ */ React70.createElement(
     "path",
     {
       d: "M9 9V15.75",
@@ -5236,7 +5236,7 @@ var UploadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React72.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React72.createElement(
+  /* @__PURE__ */ React70.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",
@@ -5245,7 +5245,7 @@ var UploadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React72.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React72.createElement(
+  /* @__PURE__ */ React70.createElement(
     "path",
     {
       d: "M12 12L9 9L6 12",
@@ -5647,7 +5647,7 @@ var Toggle = ({
     updateThumbPosition(selectedIndex);
   }, [currentWidth]);
   const getSelectedIndex = () => {
-    let selectedIndex = options.findIndex(
+    const selectedIndex = options.findIndex(
       (option) => option.value === selectedValue
     );
     if (selectedIndex === -1) {
@@ -5687,7 +5687,7 @@ var ToggleOption = ({
     return /* @__PURE__ */ import_react67.default.createElement(Tooltip, null, /* @__PURE__ */ import_react67.default.createElement(TooltipTrigger, null, /* @__PURE__ */ import_react67.default.createElement(
       "label",
       {
-        className: `Layer__toggle-option`,
+        className: "Layer__toggle-option",
         "data-checked": checked,
         style
       },
@@ -5709,7 +5709,7 @@ var ToggleOption = ({
   return /* @__PURE__ */ import_react67.default.createElement(
     "label",
     {
-      className: `Layer__toggle-option`,
+      className: "Layer__toggle-option",
       "data-checked": checked,
       style
     },
@@ -7789,20 +7789,20 @@ var usePagination = ({
     const firstPageIndex = 1;
     const lastPageIndex = totalPageCount;
     if (!shouldShowLeftDots && shouldShowRightDots) {
-      let leftItemCount = 3 + 2 * siblingCount;
-      let leftRange = range(1, leftItemCount);
+      const leftItemCount = 3 + 2 * siblingCount;
+      const leftRange = range(1, leftItemCount);
       return [...leftRange, DOTS, totalPageCount];
     }
     if (shouldShowLeftDots && !shouldShowRightDots) {
-      let rightItemCount = 3 + 2 * siblingCount;
-      let rightRange = range(
+      const rightItemCount = 3 + 2 * siblingCount;
+      const rightRange = range(
         totalPageCount - rightItemCount + 1,
         totalPageCount
       );
       return [firstPageIndex, DOTS, ...rightRange];
     }
     if (shouldShowLeftDots && shouldShowRightDots) {
-      let middleRange = range(leftSiblingIndex, rightSiblingIndex);
+      const middleRange = range(leftSiblingIndex, rightSiblingIndex);
       return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];
     }
   }, [totalCount, pageSize, siblingCount, currentPage]);
@@ -7810,8 +7810,8 @@ var usePagination = ({
 };
 
 // src/icons/ChevronLeft.tsx
-var React104 = __toESM(require("react"));
-var ChevronLeft = ({ size = 18, ...props }) => /* @__PURE__ */ React104.createElement(
+var React102 = __toESM(require("react"));
+var ChevronLeft = ({ ...props }) => /* @__PURE__ */ React102.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7821,7 +7821,7 @@ var ChevronLeft = ({ size = 18, ...props }) => /* @__PURE__ */ React104.createEl
     fill: "none",
     ...props
   },
-  /* @__PURE__ */ React104.createElement(
+  /* @__PURE__ */ React102.createElement(
     "path",
     {
       d: "M11.25 13.5L6.75 9L11.25 4.5",
@@ -7856,11 +7856,11 @@ var Pagination = ({
   if (currentPage === 0 || paginationRange.length < 2) {
     return;
   }
-  let lastPage = paginationRange[paginationRange.length - 1];
+  const lastPage = paginationRange[paginationRange.length - 1];
   return /* @__PURE__ */ import_react92.default.createElement("ul", { className: "Layer__pagination" }, /* @__PURE__ */ import_react92.default.createElement(
     "li",
     {
-      key: `page-prev`,
+      key: "page-prev",
       className: (0, import_classnames41.default)(
         "Layer__pagination-item Layer__pagination-arrow Layer__pagination-arrow--previous",
         {
@@ -7902,7 +7902,7 @@ var Pagination = ({
   }), hasMore && fetchMore ? /* @__PURE__ */ import_react92.default.createElement(
     "li",
     {
-      key: `page-has-more`,
+      key: "page-has-more",
       className: "Layer__pagination-item Layer__pagination-arrow Layer__pagination-arrow--next",
       onClick: fetchMore
     },
@@ -7910,7 +7910,7 @@ var Pagination = ({
   ) : null, /* @__PURE__ */ import_react92.default.createElement(
     "li",
     {
-      key: `page-last`,
+      key: "page-last",
       className: (0, import_classnames41.default)(
         "Layer__pagination-item Layer__pagination-arrow Layer__pagination-arrow--next",
         {
@@ -7927,8 +7927,8 @@ var Pagination = ({
 var import_react95 = __toESM(require("react"));
 
 // src/icons/DownloadCloud.tsx
-var React106 = __toESM(require("react"));
-var DownloadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React106.createElement(
+var React104 = __toESM(require("react"));
+var DownloadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React104.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7938,7 +7938,7 @@ var DownloadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React106.create
     width: size,
     height: size
   },
-  /* @__PURE__ */ React106.createElement(
+  /* @__PURE__ */ React104.createElement(
     "path",
     {
       d: "M6 12.75L9 15.75L12 12.75",
@@ -7947,7 +7947,7 @@ var DownloadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React106.create
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React106.createElement(
+  /* @__PURE__ */ React104.createElement(
     "path",
     {
       d: "M9 9V15.75",
@@ -7956,7 +7956,7 @@ var DownloadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React106.create
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React106.createElement(
+  /* @__PURE__ */ React104.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",
@@ -8009,7 +8009,7 @@ var DatePickerOptions = ({
   options,
   setSelectedDate
 }) => {
-  let optionsComponents = [];
+  const optionsComponents = [];
   const getOptionComponent = (option) => {
     switch (option) {
       case "this-month":
@@ -8506,8 +8506,8 @@ var BankTransactionsHeader = ({
 var import_react96 = __toESM(require("react"));
 
 // src/icons/Inbox.tsx
-var React110 = __toESM(require("react"));
-var Inbox = ({ size = 18, ...props }) => /* @__PURE__ */ React110.createElement(
+var React108 = __toESM(require("react"));
+var Inbox = ({ size = 18, ...props }) => /* @__PURE__ */ React108.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -8517,7 +8517,7 @@ var Inbox = ({ size = 18, ...props }) => /* @__PURE__ */ React110.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React110.createElement(
+  /* @__PURE__ */ React108.createElement(
     "path",
     {
       d: "M16.5 9H12L10.5 11.25H7.5L6 9H1.5",
@@ -8526,7 +8526,7 @@ var Inbox = ({ size = 18, ...props }) => /* @__PURE__ */ React110.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React110.createElement(
+  /* @__PURE__ */ React108.createElement(
     "path",
     {
       d: "M4.0875 3.8325L1.5 9V13.5C1.5 13.8978 1.65804 14.2794 1.93934 14.5607C2.22064 14.842 2.60218 15 3 15H15C15.3978 15 15.7794 14.842 16.0607 14.5607C16.342 14.2794 16.5 13.8978 16.5 13.5V9L13.9125 3.8325C13.7883 3.58259 13.5969 3.37228 13.3597 3.22521C13.1226 3.07814 12.8491 3.00015 12.57 3H5.43C5.15094 3.00015 4.87745 3.07814 4.64028 3.22521C4.40312 3.37228 4.21168 3.58259 4.0875 3.8325Z",
@@ -8547,8 +8547,8 @@ var DataStates = ({
   refetch,
   editable
 }) => {
-  let title = editable ? "You are up to date with transactions!" : "You have no categorized transactions";
-  let description = editable ? "All uncategorized transactions will be displayed here" : "All transactions will be displayed here once reviewed";
+  const title = editable ? "You are up to date with transactions!" : "You have no categorized transactions";
+  const description = editable ? "All uncategorized transactions will be displayed here" : "All transactions will be displayed here once reviewed";
   const showRefreshButton = bankTransactions?.length;
   return /* @__PURE__ */ import_react96.default.createElement(import_react96.default.Fragment, null, !isLoading && !error && (bankTransactions === void 0 || bankTransactions !== void 0 && bankTransactions.length === 0) ? /* @__PURE__ */ import_react96.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react96.default.createElement(
     DataState,
@@ -8913,10 +8913,10 @@ var PNLComparisonContext = (0, import_react100.createContext)({
   setCompareMonths: () => {
   },
   compareOptions: [],
-  setCompareOptions: function(options) {
+  setCompareOptions: function() {
     throw new Error("Function not implemented.");
   },
-  refetch: function(dateRange) {
+  refetch: function() {
     throw new Error("Function not implemented.");
   }
 });
@@ -8993,8 +8993,8 @@ var buildMonthsArray = (startDate, endDate) => {
   if (startDate >= endDate) {
     return [];
   }
-  var dates = [];
-  for (var d = startDate; d <= endDate; d.setMonth(d.getMonth() + 1)) {
+  const dates = [];
+  for (let d = startDate; d <= endDate; d.setMonth(d.getMonth() + 1)) {
     dates.push(new Date(d));
   }
   return dates;
@@ -9002,15 +9002,7 @@ var buildMonthsArray = (startDate, endDate) => {
 var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
   currentDate: (0, import_date_fns15.startOfMonth)(Date.now())
 }) => {
-  const {
-    businessId,
-    auth,
-    apiUrl,
-    syncTimestamps,
-    read,
-    readTimestamps,
-    hasBeenTouched
-  } = useLayerContext();
+  const { businessId, auth, apiUrl, syncTimestamps, read, hasBeenTouched } = useLayerContext();
   const [date, setDate] = (0, import_react101.useState)(currentDate);
   const [loaded, setLoaded] = (0, import_react101.useState)("initial");
   const [data, setData] = (0, import_react101.useState)([]);
@@ -9520,8 +9512,8 @@ var import_react108 = __toESM(require("react"));
 var import_react106 = __toESM(require("react"));
 
 // src/icons/BarChart2.tsx
-var React114 = __toESM(require("react"));
-var BarChart2 = ({ size = 12, ...props }) => /* @__PURE__ */ React114.createElement(
+var React112 = __toESM(require("react"));
+var BarChart2 = ({ size = 12, ...props }) => /* @__PURE__ */ React112.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -9531,31 +9523,31 @@ var BarChart2 = ({ size = 12, ...props }) => /* @__PURE__ */ React114.createElem
     width: size,
     height: size
   },
-  /* @__PURE__ */ React114.createElement(
+  /* @__PURE__ */ React112.createElement(
     "path",
     {
       d: "M9.5 10V5",
       stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React114.createElement(
+  /* @__PURE__ */ React112.createElement(
     "path",
     {
       d: "M6.5 10V2",
       stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React114.createElement(
+  /* @__PURE__ */ React112.createElement(
     "path",
     {
       d: "M3.5 10V7",
       stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }
   )
 );
@@ -10383,7 +10375,9 @@ var ProfitAndLossCompareOptions = ({
 // src/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker.tsx
 var import_react110 = __toESM(require("react"));
 var import_date_fns20 = require("date-fns");
-var ProfitAndLossDatePicker = () => {
+var ProfitAndLossDatePicker = ({
+  datePickerMode = "monthPicker"
+}) => {
   const { business } = useLayerContext();
   const { changeDateRange, dateRange } = (0, import_react110.useContext)(ProfitAndLoss.Context);
   const { refetch, compareMode, compareMonths } = (0, import_react110.useContext)(
@@ -10398,10 +10392,30 @@ var ProfitAndLossDatePicker = () => {
     }
   };
   const minDate = getEarliestDateToBrowse(business);
+  if (datePickerMode === "dayRangePicker") {
+    return /* @__PURE__ */ import_react110.default.createElement(
+      DatePicker,
+      {
+        mode: datePickerMode,
+        selected: [dateRange.startDate, dateRange.endDate],
+        onChange: (dateSet) => {
+          const dates = dateSet;
+          if (dates.length === 2 && !!dates[0] && !!dates[1]) {
+            changeDateRange({
+              startDate: dates[0],
+              endDate: dates[1]
+            });
+          }
+        },
+        minDate,
+        dateFormat: "MMM d"
+      }
+    );
+  }
   return /* @__PURE__ */ import_react110.default.createElement(
     DatePicker,
     {
-      mode: "monthPicker",
+      mode: datePickerMode,
       selected: dateRange.startDate,
       onChange: (date) => {
         if (!Array.isArray(date)) {
@@ -10421,8 +10435,8 @@ var ProfitAndLossDatePicker = () => {
 var import_react114 = __toESM(require("react"));
 
 // src/icons/X.tsx
-var React121 = __toESM(require("react"));
-var X = ({ size = 18, ...props }) => /* @__PURE__ */ React121.createElement(
+var React119 = __toESM(require("react"));
+var X = ({ size = 18, ...props }) => /* @__PURE__ */ React119.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -10432,7 +10446,7 @@ var X = ({ size = 18, ...props }) => /* @__PURE__ */ React121.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React121.createElement(
+  /* @__PURE__ */ React119.createElement(
     "path",
     {
       d: "M13.5 4.5L4.5 13.5",
@@ -10441,7 +10455,7 @@ var X = ({ size = 18, ...props }) => /* @__PURE__ */ React121.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React121.createElement(
+  /* @__PURE__ */ React119.createElement(
     "path",
     {
       d: "M4.5 4.5L13.5 13.5",
@@ -10496,7 +10510,7 @@ var humanizeEnum = (text) => {
 var convertNumberToCurrency = (amount) => {
   if (!amount)
     return "";
-  let formattedValue = amount.toLocaleString("en-US");
+  const formattedValue = amount.toLocaleString("en-US");
   return formattedValue.length > 0 ? `$${formattedValue}` : "";
 };
 var convertCurrencyToNumber = (amount) => amount.replace("$", "").replace(",", "").replace(/[^\d.]/g, "").replace(/(?!^)-/g, "").replace(/(\..*)\./g, "$1").replace(/(\.\d{2})\d+/, "$1").replace(/^0(?!\.)/, "");
@@ -10599,8 +10613,8 @@ var TASKS_CHARTS_COLORS = {
 };
 
 // src/icons/SortArrows.tsx
-var React122 = __toESM(require("react"));
-var SortArrows = ({ size = 13, ...props }) => /* @__PURE__ */ React122.createElement(
+var React120 = __toESM(require("react"));
+var SortArrows = ({ size = 13, ...props }) => /* @__PURE__ */ React120.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -10610,7 +10624,7 @@ var SortArrows = ({ size = 13, ...props }) => /* @__PURE__ */ React122.createEle
     width: size,
     height: size
   },
-  /* @__PURE__ */ React122.createElement("g", { clipPath: "url(#clip0_1758_75388)" }, /* @__PURE__ */ React122.createElement(
+  /* @__PURE__ */ React120.createElement("g", { clipPath: "url(#clip0_1758_75388)" }, /* @__PURE__ */ React120.createElement(
     "path",
     {
       d: "M1.33325 8.5L3.99992 11.1667L6.66659 8.5",
@@ -10619,7 +10633,7 @@ var SortArrows = ({ size = 13, ...props }) => /* @__PURE__ */ React122.createEle
       strokeLinejoin: "round",
       className: "desc-arrow"
     }
-  ), /* @__PURE__ */ React122.createElement(
+  ), /* @__PURE__ */ React120.createElement(
     "path",
     {
       d: "M4 2.5L4 11.1667",
@@ -10628,7 +10642,7 @@ var SortArrows = ({ size = 13, ...props }) => /* @__PURE__ */ React122.createEle
       strokeLinejoin: "round",
       className: "desc-arrow"
     }
-  ), /* @__PURE__ */ React122.createElement(
+  ), /* @__PURE__ */ React120.createElement(
     "path",
     {
       d: "M5.99988 5.16602L8.66654 2.49935L11.3332 5.16602",
@@ -10637,7 +10651,7 @@ var SortArrows = ({ size = 13, ...props }) => /* @__PURE__ */ React122.createEle
       strokeLinejoin: "round",
       className: "asc-arrow"
     }
-  ), /* @__PURE__ */ React122.createElement(
+  ), /* @__PURE__ */ React120.createElement(
     "path",
     {
       d: "M8.66663 11.166L8.66663 2.49935",
@@ -10647,7 +10661,7 @@ var SortArrows = ({ size = 13, ...props }) => /* @__PURE__ */ React122.createEle
       className: "asc-arrow"
     }
   )),
-  /* @__PURE__ */ React122.createElement("defs", null, /* @__PURE__ */ React122.createElement("clipPath", { id: "clip0_1758_75388" }, /* @__PURE__ */ React122.createElement(
+  /* @__PURE__ */ React120.createElement("defs", null, /* @__PURE__ */ React120.createElement("clipPath", { id: "clip0_1758_75388" }, /* @__PURE__ */ React120.createElement(
     "rect",
     {
       width: "12",
@@ -10755,7 +10769,6 @@ var DetailedTable = ({
     );
   };
   const typeColorMapping = mapTypesToColors(filteredData, chartColorsList);
-  const colorIndex = 0;
   return /* @__PURE__ */ import_react111.default.createElement("div", { className: "details-container" }, /* @__PURE__ */ import_react111.default.createElement("div", { className: "table" }, /* @__PURE__ */ import_react111.default.createElement("table", null, /* @__PURE__ */ import_react111.default.createElement("thead", null, /* @__PURE__ */ import_react111.default.createElement("tr", null, /* @__PURE__ */ import_react111.default.createElement(
     "th",
     {
@@ -10818,8 +10831,6 @@ var DetailedChart = ({
   filteredTotal,
   hoveredItem,
   setHoveredItem,
-  sidebarScope,
-  date,
   chartColorsList,
   isLoading,
   showDatePicker = true
@@ -11281,7 +11292,7 @@ var MiniChart = ({ data }) => {
         import_recharts3.Cell,
         {
           key: `cell-${index}`,
-          className: `Layer__profit-and-loss-detailed-charts__pie`,
+          className: "Layer__profit-and-loss-detailed-charts__pie",
           fill: entry.name === "placeholder" ? "#e6e6e6" : colorConfig.color,
           opacity: colorConfig.opacity
         }
@@ -11536,7 +11547,7 @@ var getComparisonLineItemValue = (lineItem, name, depth) => {
 };
 var mergeComparisonLineItemsAtDepth = (lineItems) => {
   const map = /* @__PURE__ */ new Map();
-  const mergeItems = (items, depth) => {
+  const mergeItems = (items) => {
     items.forEach((item) => {
       if (!map.has(item.display_name)) {
         map.set(item.display_name, { ...item, line_items: [] });
@@ -11553,7 +11564,7 @@ var mergeComparisonLineItemsAtDepth = (lineItems) => {
       }
     });
   };
-  mergeItems(lineItems, 0);
+  mergeItems(lineItems);
   return Array.from(map.values());
 };
 
@@ -11572,7 +11583,9 @@ var TableCell = ({
   isCurrency,
   primary,
   withExpandIcon = false,
-  fullWidth
+  fullWidth,
+  colSpan = 1,
+  onClick
 }) => {
   const amount = typeof children === "number" ? children : 0;
   const isPositive = amount >= 0;
@@ -11585,13 +11598,15 @@ var TableCell = ({
     isCurrency && !isPositive && "Layer__table-cell-amount--negative"
   );
   if (isHeaderCell) {
-    return /* @__PURE__ */ import_react122.default.createElement("th", { className: cellClassNames }, /* @__PURE__ */ import_react122.default.createElement("span", { className: "Layer__table-cell-content" }, children));
+    return /* @__PURE__ */ import_react122.default.createElement("th", { className: cellClassNames, colSpan }, /* @__PURE__ */ import_react122.default.createElement("span", { className: "Layer__table-cell-content" }, children));
   }
   return /* @__PURE__ */ import_react122.default.createElement(
     "td",
     {
       className: cellClassNames,
-      style: fullWidth ? { width: "100%" } : void 0
+      style: fullWidth ? { width: "100%" } : void 0,
+      colSpan,
+      onClick: (e) => onClick && onClick(e)
     },
     /* @__PURE__ */ import_react122.default.createElement("span", { className: "Layer__table-cell-content" }, withExpandIcon && /* @__PURE__ */ import_react122.default.createElement(
       ChevronDownFill_default,
@@ -11622,20 +11637,35 @@ var TableRow = ({
   variant = expandable ? "expandable" : "default",
   withDivider,
   withDividerPosition = "top",
-  isHeadRow = false
+  isHeadRow = false,
+  selected,
+  onClick
 }) => {
-  const toggleExpanded = () => {
-    if (variant === "summation" || !expandable)
-      return;
-    handleExpand && handleExpand();
+  const toggleExpanded = (e) => {
+    if (onClick) {
+      onClick(e);
+    } else {
+      if (variant === "summation" || !expandable)
+        return;
+      handleExpand && handleExpand();
+    }
   };
   const rowClassNames = (0, import_classnames49.default)([
     "Layer__table-row",
     !isHeadRow && `Layer__table-row--depth-${depth}`,
     !isHeadRow && `Layer__table-row--variant-${variant}`,
+    selected && "Layer__table-row--selected",
     !isHeadRow && expandable && (isExpanded ? "Layer__table-row--expanded" : "Layer__table-row--collapsed")
   ]);
-  return /* @__PURE__ */ import_react124.default.createElement(import_react124.default.Fragment, null, withDivider && withDividerPosition === "top" && /* @__PURE__ */ import_react124.default.createElement("tr", { className: "Layer__table-empty-row" }, /* @__PURE__ */ import_react124.default.createElement("td", { colSpan: Array.isArray(children) ? children.length : 1 })), /* @__PURE__ */ import_react124.default.createElement("tr", { "data-key": rowKey, className: rowClassNames, onClick: toggleExpanded }, children), withDivider && withDividerPosition === "bottom" && /* @__PURE__ */ import_react124.default.createElement("tr", { className: "Layer__table-empty-row" }, /* @__PURE__ */ import_react124.default.createElement("td", { colSpan: Array.isArray(children) ? children.length : 1 })));
+  return /* @__PURE__ */ import_react124.default.createElement(import_react124.default.Fragment, null, withDivider && withDividerPosition === "top" && /* @__PURE__ */ import_react124.default.createElement("tr", { className: "Layer__table-empty-row" }, /* @__PURE__ */ import_react124.default.createElement("td", { colSpan: Array.isArray(children) ? children.length : 1 })), /* @__PURE__ */ import_react124.default.createElement(
+    "tr",
+    {
+      "data-key": rowKey,
+      className: rowClassNames,
+      onClick: (e) => toggleExpanded(e)
+    },
+    children
+  ), withDivider && withDividerPosition === "bottom" && /* @__PURE__ */ import_react124.default.createElement("tr", { className: "Layer__table-empty-row" }, /* @__PURE__ */ import_react124.default.createElement("td", { colSpan: Array.isArray(children) ? children.length : 1 })));
 };
 
 // src/components/Table/Table.tsx
@@ -11798,8 +11828,8 @@ var ProfitAndLossCompareTable = ({
 var import_react127 = __toESM(require("react"));
 
 // src/icons/PieChart.tsx
-var React138 = __toESM(require("react"));
-var PieChart3 = ({ size = 12, ...props }) => /* @__PURE__ */ React138.createElement(
+var React136 = __toESM(require("react"));
+var PieChart3 = ({ size = 12, ...props }) => /* @__PURE__ */ React136.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -11809,7 +11839,7 @@ var PieChart3 = ({ size = 12, ...props }) => /* @__PURE__ */ React138.createElem
     width: size,
     height: size
   },
-  /* @__PURE__ */ React138.createElement("g", null, /* @__PURE__ */ React138.createElement(
+  /* @__PURE__ */ React136.createElement("g", null, /* @__PURE__ */ React136.createElement(
     "path",
     {
       d: "M10.2213 7.78271C9.92969 8.47226 9.47363 9.07989 8.89297 9.55247C8.3123 10.0251 7.62471 10.3482 6.89031 10.4936C6.1559 10.6391 5.39705 10.6024 4.68009 10.3869C3.96313 10.1713 3.30989 9.78337 2.77749 9.25701C2.24509 8.73065 1.84973 8.08189 1.62598 7.36744C1.40223 6.65298 1.3569 5.8946 1.49396 5.15858C1.63102 4.42257 1.94629 3.73133 2.41221 3.14531C2.87813 2.55928 3.48051 2.09631 4.16669 1.79688",
@@ -11817,7 +11847,7 @@ var PieChart3 = ({ size = 12, ...props }) => /* @__PURE__ */ React138.createElem
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React138.createElement(
+  ), /* @__PURE__ */ React136.createElement(
     "path",
     {
       d: "M10.5833 6.00033C10.5833 5.39843 10.4648 4.80244 10.2344 4.24636C10.0041 3.69028 9.66651 3.18502 9.24091 2.75942C8.8153 2.33382 8.31004 1.99621 7.75397 1.76588C7.19789 1.53554 6.60189 1.41699 6 1.41699V6.00033H10.5833Z",
@@ -11940,7 +11970,7 @@ var ProfitAndLossTableComponent = ({
           /* @__PURE__ */ import_react127.default.createElement(PieChart_default, null)
         )
       ),
-      /* @__PURE__ */ import_react127.default.createElement(TableCell, { isCurrency: true, primary: true }, lineItem.value)
+      /* @__PURE__ */ import_react127.default.createElement(TableCell, { isCurrency: true, primary: true }, Number.isNaN(lineItem.value) ? 0 : lineItem.value)
     ), expanded && lineItem.line_items ? lineItem.line_items.map(
       (child, i) => renderLineItem(
         child,
@@ -12477,7 +12507,16 @@ var StatementOfCashFlowTable = ({
         idx
       ));
     } else {
-      return /* @__PURE__ */ import_react141.default.createElement(TableRow, { rowKey: row.name + "-" + idx, variant: "default" }, /* @__PURE__ */ import_react141.default.createElement(TableCell, { primary: true }, row.displayName), /* @__PURE__ */ import_react141.default.createElement(TableCell, { primary: true, isCurrency: true }, row.lineItem));
+      return /* @__PURE__ */ import_react141.default.createElement(
+        TableRow,
+        {
+          key: row.name + "-" + idx,
+          rowKey: row.name + "-" + idx,
+          variant: "default"
+        },
+        /* @__PURE__ */ import_react141.default.createElement(TableCell, { primary: true }, row.displayName),
+        /* @__PURE__ */ import_react141.default.createElement(TableCell, { primary: true, isCurrency: true }, row.lineItem)
+      );
     }
   })));
 };
@@ -12524,11 +12563,23 @@ var STATEMENT_OF_CASH_FLOW_ROWS = [
 // src/components/StatementOfCashFlow/StatementOfCashFlow.tsx
 var import_date_fns27 = require("date-fns");
 var COMPONENT_NAME4 = "statement-of-cash-flow";
-var StatementOfCashFlow = ({ stringOverrides }) => {
+var StatementOfCashFlow = ({
+  stringOverrides,
+  datePickerMode
+}) => {
   const cashContextData = useStatementOfCashFlow();
-  return /* @__PURE__ */ import_react142.default.createElement(StatementOfCashFlowContext.Provider, { value: cashContextData }, /* @__PURE__ */ import_react142.default.createElement(StatementOfCashFlowView, { stringOverrides }));
+  return /* @__PURE__ */ import_react142.default.createElement(StatementOfCashFlowContext.Provider, { value: cashContextData }, /* @__PURE__ */ import_react142.default.createElement(
+    StatementOfCashFlowView,
+    {
+      stringOverrides,
+      datePickerMode
+    }
+  ));
 };
-var StatementOfCashFlowView = ({ stringOverrides }) => {
+var StatementOfCashFlowView = ({
+  stringOverrides,
+  datePickerMode = "dayRangePicker"
+}) => {
   const [startDate, setStartDate] = (0, import_react142.useState)(
     (0, import_date_fns27.startOfDay)((0, import_date_fns27.subWeeks)(/* @__PURE__ */ new Date(), 4))
   );
@@ -12548,29 +12599,36 @@ var StatementOfCashFlowView = ({ stringOverrides }) => {
       refetch();
     }
   };
-  return /* @__PURE__ */ import_react142.default.createElement(TableProvider, null, /* @__PURE__ */ import_react142.default.createElement(
-    View,
+  const datePicker = datePickerMode === "monthPicker" ? /* @__PURE__ */ import_react142.default.createElement(
+    DatePicker,
     {
-      type: "panel",
-      headerControls: /* @__PURE__ */ import_react142.default.createElement(import_react142.default.Fragment, null, /* @__PURE__ */ import_react142.default.createElement(
-        DatePicker,
-        {
-          selected: [startDate, endDate],
-          onChange: (dates) => handleDateChange(dates),
-          dateFormat: "MMM d",
-          mode: "dayRangePicker"
+      selected: startDate,
+      onChange: (dates) => {
+        if (!Array.isArray(dates)) {
+          const date = dates;
+          handleDateChange([(0, import_date_fns27.startOfMonth)(date), (0, import_date_fns27.endOfMonth)(date)]);
         }
-      ))
-    },
-    !data || isLoading ? /* @__PURE__ */ import_react142.default.createElement("div", { className: `Layer__${COMPONENT_NAME4}__loader-container` }, /* @__PURE__ */ import_react142.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react142.default.createElement(
-      StatementOfCashFlowTable,
-      {
-        data,
-        config: STATEMENT_OF_CASH_FLOW_ROWS,
-        stringOverrides: stringOverrides?.statementOfCashFlowTable
-      }
-    )
-  ));
+      },
+      dateFormat: "MMM",
+      mode: datePickerMode
+    }
+  ) : /* @__PURE__ */ import_react142.default.createElement(
+    DatePicker,
+    {
+      selected: [startDate, endDate],
+      onChange: (dates) => handleDateChange(dates),
+      dateFormat: "MMM d",
+      mode: datePickerMode
+    }
+  );
+  return /* @__PURE__ */ import_react142.default.createElement(TableProvider, null, /* @__PURE__ */ import_react142.default.createElement(View, { type: "panel", headerControls: /* @__PURE__ */ import_react142.default.createElement(import_react142.default.Fragment, null, datePicker) }, !data || isLoading ? /* @__PURE__ */ import_react142.default.createElement("div", { className: `Layer__${COMPONENT_NAME4}__loader-container` }, /* @__PURE__ */ import_react142.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react142.default.createElement(
+    StatementOfCashFlowTable,
+    {
+      data,
+      config: STATEMENT_OF_CASH_FLOW_ROWS,
+      stringOverrides: stringOverrides?.statementOfCashFlowTable
+    }
+  )));
 };
 
 // src/components/ChartOfAccounts/ChartOfAccounts.tsx
@@ -13209,7 +13267,7 @@ var useLedgerAccounts = () => {
   };
 };
 
-// src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
+// src/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel.tsx
 var import_react152 = __toESM(require("react"));
 
 // src/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker.tsx
@@ -13234,317 +13292,69 @@ var ChartOfAccountsDatePicker = () => {
   );
 };
 
-// src/components/ChartOfAccountsRow/ChartOfAccountsRow.tsx
-var import_react148 = __toESM(require("react"));
+// src/components/ChartOfAccountsSidebar/ChartOfAccountsSidebar.tsx
+var import_react150 = __toESM(require("react"));
 
-// src/icons/Edit2.tsx
-var React152 = __toESM(require("react"));
-var Edit2 = ({ size = 18, ...props }) => /* @__PURE__ */ React152.createElement(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 18 18",
-    fill: "none",
-    ...props,
-    width: size,
-    height: size
-  },
-  /* @__PURE__ */ React152.createElement(
-    "path",
-    {
-      d: "M12.75 2.25C12.947 2.05301 13.1808 1.89676 13.4382 1.79015C13.6956 1.68355 13.9714 1.62868 14.25 1.62868C14.5286 1.62868 14.8044 1.68355 15.0618 1.79015C15.3192 1.89676 15.553 2.05301 15.75 2.25C15.947 2.44698 16.1032 2.68083 16.2098 2.9382C16.3165 3.19557 16.3713 3.47142 16.3713 3.75C16.3713 4.02857 16.3165 4.30442 16.2098 4.56179C16.1032 4.81916 15.947 5.05302 15.75 5.25L5.625 15.375L1.5 16.5L2.625 12.375L12.75 2.25Z",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  )
+// src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
+var import_react149 = __toESM(require("react"));
+
+// src/components/ChartOfAccountsForm/useParentOptions.ts
+var import_react148 = require("react");
+var useParentOptions = (data) => (0, import_react148.useMemo)(
+  () => flattenAccounts(data?.accounts || []).sort((a, b) => a?.name && b?.name ? a.name.localeCompare(b.name) : 0).map((x) => {
+    return {
+      label: x.name,
+      value: x.id
+    };
+  }),
+  [data?.accounts?.length]
 );
-var Edit2_default = Edit2;
 
-// src/components/ChartOfAccountsRow/ChartOfAccountsRow.tsx
-var import_classnames55 = __toESM(require("classnames"));
-var INDENTATION = 24;
-var EXPANDED_STYLE2 = {
-  height: 52,
-  paddingTop: 12,
-  paddingBottom: 12,
-  opacity: 1
-};
-var EXPANDED_MOBILE_STYLE = {
-  height: 76,
-  paddingTop: 12,
-  paddingBottom: 12,
-  opacity: 1
-};
-var COLLAPSED_STYLE2 = {
-  height: 0,
-  paddingTop: 0,
-  paddingBottom: 0,
-  opacity: 0.5
-};
-var ChartOfAccountsRow = ({
-  account,
-  depth = 0,
-  index,
-  cumulativeIndex = 0,
-  expanded = false,
-  defaultOpen = false,
-  acountsLength,
-  view,
-  expandAll
+// src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
+var ChartOfAccountsForm = ({
+  stringOverrides
 }) => {
-  const { form, editAccount } = (0, import_react148.useContext)(ChartOfAccountsContext);
-  const { setAccountId } = (0, import_react148.useContext)(LedgerAccountsContext);
-  const baseStyle = view === "desktop" ? EXPANDED_STYLE2 : EXPANDED_MOBILE_STYLE;
-  const [isOpen, setIsOpen] = (0, import_react148.useState)(defaultOpen);
-  const style = expanded ? {
-    ...baseStyle,
-    transitionDelay: `${15 * index}ms`
-  } : {
-    ...COLLAPSED_STYLE2,
-    transitionDelay: `${acountsLength - 15 * index}ms`
-  };
-  const [showComponent, setShowComponent] = (0, import_react148.useState)(false);
-  const [prevExpandedAll, setPrevExpandedAll] = (0, import_react148.useState)(expandAll);
-  (0, import_react148.useEffect)(() => {
-    const timeoutId = setTimeout(() => {
-      setShowComponent(true);
-    }, cumulativeIndex * 50);
-    return () => clearTimeout(timeoutId);
-  }, []);
-  (0, import_react148.useEffect)(() => {
-    if (prevExpandedAll !== expandAll && expandAll) {
-      setIsOpen(expandAll === "collapsed" ? false : true);
+  const {
+    form,
+    data,
+    changeFormData,
+    cancelForm,
+    submitForm,
+    sendingForm,
+    apiError
+  } = (0, import_react149.useContext)(ChartOfAccountsContext);
+  const parentOptions = useParentOptions(data);
+  const entry = (0, import_react149.useMemo)(() => {
+    if (form?.action === "edit" && form.accountId) {
+      return flattenAccounts(data?.accounts || []).find(
+        (x) => x.id === form.accountId
+      );
     }
-  }, [expandAll]);
-  const baseClass = (0, import_classnames55.default)(
-    "Layer__table-row",
-    isOpen ? "Layer__table-row--expanded" : "Layer__table-row--collapsed",
-    !expanded && "Layer__table-row--hidden",
-    `Layer__table-row--depth-${depth}`,
-    form?.accountId === account.id && "Layer__table-row--active",
-    !showComponent && "Layer__table-row--anim-starting-state"
-  );
-  const desktopRowClass = (0, import_classnames55.default)(
-    baseClass,
-    "Layer__chart-of-accounts__row---desktop"
-  );
-  const mobileRowClass = (0, import_classnames55.default)(
-    baseClass,
-    "Layer__chart-of-accounts__row---mobile"
-  );
-  return /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, view === "desktop" && /* @__PURE__ */ import_react148.default.createElement(
-    "tr",
+    return;
+  }, [data, form?.accountId]);
+  if (!form) {
+    return;
+  }
+  return /* @__PURE__ */ import_react149.default.createElement(
+    "form",
     {
-      className: desktopRowClass,
-      onClick: (e) => {
+      className: "Layer__form",
+      onSubmit: (e) => {
         e.preventDefault();
-        e.stopPropagation();
-        setAccountId(account.id);
+        submitForm();
       }
     },
-    /* @__PURE__ */ import_react148.default.createElement("td", { className: "Layer__table-cell Layer__coa__name" }, /* @__PURE__ */ import_react148.default.createElement("span", { className: "Layer__table-cell-content", style }, /* @__PURE__ */ import_react148.default.createElement(
-      "span",
+    /* @__PURE__ */ import_react149.default.createElement("div", { className: "Layer__chart-of-accounts__sidebar__header" }, /* @__PURE__ */ import_react149.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, form?.action === "edit" ? stringOverrides?.editModeHeader || "Edit Account" : stringOverrides?.createModeHeader || "Add New Account"), /* @__PURE__ */ import_react149.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react149.default.createElement(
+      Button,
       {
-        className: "Layer__table-cell-content-indentation",
-        style: {
-          paddingLeft: INDENTATION * depth + 16
-        }
+        type: "button",
+        onClick: cancelForm,
+        variant: "secondary" /* secondary */,
+        disabled: sendingForm
       },
-      account.sub_accounts && account.sub_accounts.length > 0 && /* @__PURE__ */ import_react148.default.createElement(
-        ChevronDownFill_default,
-        {
-          size: 16,
-          className: "Layer__table__expand-icon",
-          onClick: (e) => {
-            e.stopPropagation();
-            setIsOpen(!isOpen);
-          }
-        }
-      ),
-      /* @__PURE__ */ import_react148.default.createElement("span", { className: "Layer__coa__name__text" }, account.name)
-    ))),
-    /* @__PURE__ */ import_react148.default.createElement("td", { className: "Layer__table-cell Layer__coa__type" }, /* @__PURE__ */ import_react148.default.createElement(
-      "span",
-      {
-        className: "Layer__table-cell-content Layer__mobile--hidden",
-        style
-      },
-      account.account_type?.display_name
-    ), /* @__PURE__ */ import_react148.default.createElement(
-      "span",
-      {
-        className: "Layer__table-cell-content Layer__desktop--hidden",
-        style
-      },
-      /* @__PURE__ */ import_react148.default.createElement(
-        Text,
-        {
-          weight: "bold" /* bold */,
-          className: "Layer__coa__type--mobile"
-        },
-        account.normality
-      ),
-      /* @__PURE__ */ import_react148.default.createElement(Text, { className: "Layer__coa__subtype--mobile" }, account.account_subtype?.display_name)
-    )),
-    /* @__PURE__ */ import_react148.default.createElement("td", { className: "Layer__table-cell Layer__coa__subtype Layer__mobile--hidden" }, /* @__PURE__ */ import_react148.default.createElement("span", { className: "Layer__table-cell-content", style }, account.account_subtype?.display_name)),
-    /* @__PURE__ */ import_react148.default.createElement("td", { className: "Layer__table-cell Layer__coa__balance" }, /* @__PURE__ */ import_react148.default.createElement(
-      "span",
-      {
-        className: "Layer__table-cell-content Layer__table-cell--amount",
-        style
-      },
-      "$",
-      centsToDollars(Math.abs(account.balance || 0))
-    )),
-    /* @__PURE__ */ import_react148.default.createElement("td", { className: "Layer__table-cell Layer__coa__actions" }, /* @__PURE__ */ import_react148.default.createElement("span", { className: "Layer__table-cell-content", style }, /* @__PURE__ */ import_react148.default.createElement(
-      Button,
-      {
-        variant: "secondary" /* secondary */,
-        rightIcon: /* @__PURE__ */ import_react148.default.createElement(Edit2_default, { size: 12 }),
-        iconOnly: true,
-        onClick: (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          editAccount(account.id);
-        }
-      },
-      "Edit"
-    )))
-  ), view === "mobile" || view === "tablet" ? /* @__PURE__ */ import_react148.default.createElement(
-    "tr",
-    {
-      className: mobileRowClass,
-      onClick: (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setAccountId(account.id);
-      }
-    },
-    /* @__PURE__ */ import_react148.default.createElement("td", { className: "Layer__table-cell", colSpan: 5 }, /* @__PURE__ */ import_react148.default.createElement(
-      "span",
-      {
-        className: "Layer__table-cell-content Layer__table-cell-content-indentation",
-        style: {
-          paddingLeft: INDENTATION * depth + 16,
-          ...style
-        }
-      },
-      account.sub_accounts && account.sub_accounts.length > 0 && /* @__PURE__ */ import_react148.default.createElement(
-        ChevronDownFill_default,
-        {
-          size: 16,
-          className: "Layer__table__expand-icon",
-          onClick: (e) => {
-            e.stopPropagation();
-            setIsOpen(!isOpen);
-          }
-        }
-      ),
-      /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content" }, /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content__top-row" }, /* @__PURE__ */ import_react148.default.createElement(
-        Text,
-        {
-          as: "span",
-          className: "Layer__chart-of-accounts__mobile-row-content__name"
-        },
-        account.name
-      ), /* @__PURE__ */ import_react148.default.createElement(
-        TextButton,
-        {
-          onClick: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            editAccount(account.id);
-          }
-        },
-        "Edit"
-      )), /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content__bottom-row" }, /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content__types" }, /* @__PURE__ */ import_react148.default.createElement(Text, { as: "span" }, account.normality), /* @__PURE__ */ import_react148.default.createElement("span", { className: "Layer__chart-of-accounts__mobile-row-content__separator" }), /* @__PURE__ */ import_react148.default.createElement(Text, { as: "span" }, "Sub-Type")), /* @__PURE__ */ import_react148.default.createElement(
-        Text,
-        {
-          as: "span",
-          className: "Layer__chart-of-accounts__mobile-row-content__balance"
-        },
-        "$",
-        centsToDollars(Math.abs(account.balance || 0))
-      )))
-    ))
-  ) : null, (account.sub_accounts || []).map((subAccount, idx) => /* @__PURE__ */ import_react148.default.createElement(
-    ChartOfAccountsRow,
-    {
-      key: subAccount.id,
-      account: subAccount,
-      depth: depth + 1,
-      index: idx,
-      expanded: isOpen && expanded,
-      cumulativeIndex: cumulativeIndex + idx + 1,
-      acountsLength: (account.sub_accounts ?? []).length,
-      view,
-      expandAll
-    }
-  )));
-};
-
-// src/components/ChartOfAccountsSidebar/ChartOfAccountsSidebar.tsx
-var import_react151 = __toESM(require("react"));
-
-// src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
-var import_react150 = __toESM(require("react"));
-
-// src/components/ChartOfAccountsForm/useParentOptions.ts
-var import_react149 = require("react");
-var useParentOptions = (data) => (0, import_react149.useMemo)(
-  () => flattenAccounts(data?.accounts || []).sort((a, b) => a?.name && b?.name ? a.name.localeCompare(b.name) : 0).map((x) => {
-    return {
-      label: x.name,
-      value: x.id
-    };
-  }),
-  [data?.accounts?.length]
-);
-
-// src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
-var ChartOfAccountsForm = ({ stringOverrides }) => {
-  const {
-    form,
-    data,
-    changeFormData,
-    cancelForm,
-    submitForm,
-    sendingForm,
-    apiError
-  } = (0, import_react150.useContext)(ChartOfAccountsContext);
-  const parentOptions = useParentOptions(data);
-  const entry = (0, import_react150.useMemo)(() => {
-    if (form?.action === "edit" && form.accountId) {
-      return flattenAccounts(data?.accounts || []).find(
-        (x) => x.id === form.accountId
-      );
-    }
-    return;
-  }, [data, form?.accountId]);
-  if (!form) {
-    return;
-  }
-  return /* @__PURE__ */ import_react150.default.createElement(
-    "form",
-    {
-      className: "Layer__form",
-      onSubmit: (e) => {
-        e.preventDefault();
-        submitForm();
-      }
-    },
-    /* @__PURE__ */ import_react150.default.createElement("div", { className: "Layer__chart-of-accounts__sidebar__header" }, /* @__PURE__ */ import_react150.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, form?.action === "edit" ? stringOverrides?.editModeHeader || "Edit Account" : stringOverrides?.createModeHeader || "Add New Account"), /* @__PURE__ */ import_react150.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react150.default.createElement(
-      Button,
-      {
-        type: "button",
-        onClick: cancelForm,
-        variant: "secondary" /* secondary */,
-        disabled: sendingForm
-      },
-      stringOverrides?.cancelButton || "Cancel"
-    ), apiError && /* @__PURE__ */ import_react150.default.createElement(
-      RetryButton,
+      stringOverrides?.cancelButton || "Cancel"
+    ), apiError && /* @__PURE__ */ import_react149.default.createElement(
+      RetryButton,
       {
         type: "submit",
         processing: sendingForm,
@@ -13552,7 +13362,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
         disabled: sendingForm
       },
       stringOverrides?.retryButton || "Retry"
-    ), !apiError && /* @__PURE__ */ import_react150.default.createElement(
+    ), !apiError && /* @__PURE__ */ import_react149.default.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -13562,7 +13372,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
       },
       stringOverrides?.saveButton || "Save"
     ))),
-    apiError && /* @__PURE__ */ import_react150.default.createElement(
+    apiError && /* @__PURE__ */ import_react149.default.createElement(
       Text,
       {
         size: "sm" /* sm */,
@@ -13570,57 +13380,97 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
       },
       apiError
     ),
-    entry && /* @__PURE__ */ import_react150.default.createElement("div", { className: "Layer__chart-of-accounts__form-edit-entry" }, /* @__PURE__ */ import_react150.default.createElement(Text, { weight: "bold" /* bold */ }, entry.name), /* @__PURE__ */ import_react150.default.createElement(Text, { weight: "bold" /* bold */ }, "$", centsToDollars(entry.balance || 0))),
-    /* @__PURE__ */ import_react150.default.createElement("div", { className: "Layer__chart-of-accounts__form" }, /* @__PURE__ */ import_react150.default.createElement(InputGroup, { name: "parent", label: stringOverrides?.parentLabel || "Parent", inline: true }, /* @__PURE__ */ import_react150.default.createElement(
-      Select2,
+    entry && /* @__PURE__ */ import_react149.default.createElement("div", { className: "Layer__chart-of-accounts__form-edit-entry" }, /* @__PURE__ */ import_react149.default.createElement(Text, { weight: "bold" /* bold */ }, entry.name), /* @__PURE__ */ import_react149.default.createElement(Text, { weight: "bold" /* bold */ }, "$", centsToDollars(entry.balance || 0))),
+    /* @__PURE__ */ import_react149.default.createElement("div", { className: "Layer__chart-of-accounts__form" }, /* @__PURE__ */ import_react149.default.createElement(
+      InputGroup,
       {
-        options: parentOptions,
-        value: form?.data.parent,
-        onChange: (sel) => changeFormData("parent", sel),
-        disabled: sendingForm
-      }
-    )), /* @__PURE__ */ import_react150.default.createElement(InputGroup, { name: "name", label: stringOverrides?.nameLabel || "Name", inline: true }, /* @__PURE__ */ import_react150.default.createElement(
-      Input,
+        name: "parent",
+        label: stringOverrides?.parentLabel || "Parent",
+        inline: true
+      },
+      /* @__PURE__ */ import_react149.default.createElement(
+        Select2,
+        {
+          options: parentOptions,
+          value: form?.data.parent,
+          onChange: (sel) => changeFormData("parent", sel),
+          disabled: sendingForm
+        }
+      )
+    ), /* @__PURE__ */ import_react149.default.createElement(
+      InputGroup,
       {
         name: "name",
-        placeholder: "Enter name...",
-        value: form?.data.name,
-        isInvalid: Boolean(form?.errors?.find((x) => x.field === "name")),
-        errorMessage: form?.errors?.find((x) => x.field === "name")?.message,
-        disabled: sendingForm,
-        onChange: (e) => changeFormData("name", e.target.value)
-      }
-    )), /* @__PURE__ */ import_react150.default.createElement(InputGroup, { name: "type", label: stringOverrides?.typeLabel || "Type", inline: true }, /* @__PURE__ */ import_react150.default.createElement(
-      Select2,
+        label: stringOverrides?.nameLabel || "Name",
+        inline: true
+      },
+      /* @__PURE__ */ import_react149.default.createElement(
+        Input,
+        {
+          name: "name",
+          placeholder: "Enter name...",
+          value: form?.data.name,
+          isInvalid: Boolean(form?.errors?.find((x) => x.field === "name")),
+          errorMessage: form?.errors?.find((x) => x.field === "name")?.message,
+          disabled: sendingForm,
+          onChange: (e) => changeFormData("name", e.target.value)
+        }
+      )
+    ), /* @__PURE__ */ import_react149.default.createElement(
+      InputGroup,
       {
-        options: LEDGER_ACCOUNT_TYPES,
-        value: form?.data.type,
-        onChange: (sel) => changeFormData("type", sel),
-        isInvalid: Boolean(form?.errors?.find((x) => x.field === "type")),
-        errorMessage: form?.errors?.find((x) => x.field === "type")?.message,
-        disabled: sendingForm || form.action === "edit" || form.data.parent !== void 0
-      }
-    )), /* @__PURE__ */ import_react150.default.createElement(InputGroup, { name: "subType", label: stringOverrides?.subTypeLabel || "Sub-Type", inline: true }, /* @__PURE__ */ import_react150.default.createElement(
-      Select2,
+        name: "type",
+        label: stringOverrides?.typeLabel || "Type",
+        inline: true
+      },
+      /* @__PURE__ */ import_react149.default.createElement(
+        Select2,
+        {
+          options: LEDGER_ACCOUNT_TYPES,
+          value: form?.data.type,
+          onChange: (sel) => changeFormData("type", sel),
+          isInvalid: Boolean(form?.errors?.find((x) => x.field === "type")),
+          errorMessage: form?.errors?.find((x) => x.field === "type")?.message,
+          disabled: sendingForm || form.action === "edit" || form.data.parent !== void 0
+        }
+      )
+    ), /* @__PURE__ */ import_react149.default.createElement(
+      InputGroup,
       {
-        options: form?.data.type?.value !== void 0 ? LEDGER_ACCOUNT_SUBTYPES_FOR_TYPE[form?.data.type?.value] : LEDGER_ACCOUNT_SUBTYPES,
-        value: form?.data.subType,
-        onChange: (sel) => changeFormData("subType", sel),
-        disabled: sendingForm
-      }
-    )), /* @__PURE__ */ import_react150.default.createElement(InputGroup, { name: "normality", label: stringOverrides?.normalityLabel || "Normality", inline: true }, /* @__PURE__ */ import_react150.default.createElement(
-      Select2,
+        name: "subType",
+        label: stringOverrides?.subTypeLabel || "Sub-Type",
+        inline: true
+      },
+      /* @__PURE__ */ import_react149.default.createElement(
+        Select2,
+        {
+          options: form?.data.type?.value !== void 0 ? LEDGER_ACCOUNT_SUBTYPES_FOR_TYPE[form?.data.type?.value] : LEDGER_ACCOUNT_SUBTYPES,
+          value: form?.data.subType,
+          onChange: (sel) => changeFormData("subType", sel),
+          disabled: sendingForm
+        }
+      )
+    ), /* @__PURE__ */ import_react149.default.createElement(
+      InputGroup,
       {
-        options: NORMALITY_OPTIONS,
-        value: form?.data.normality,
-        isInvalid: Boolean(
-          form?.errors?.find((x) => x.field === "normality")
-        ),
-        errorMessage: form?.errors?.find((x) => x.field === "normality")?.message,
-        onChange: (sel) => changeFormData("normality", sel),
-        disabled: sendingForm
-      }
-    )), /* @__PURE__ */ import_react150.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react150.default.createElement(
+        name: "normality",
+        label: stringOverrides?.normalityLabel || "Normality",
+        inline: true
+      },
+      /* @__PURE__ */ import_react149.default.createElement(
+        Select2,
+        {
+          options: NORMALITY_OPTIONS,
+          value: form?.data.normality,
+          isInvalid: Boolean(
+            form?.errors?.find((x) => x.field === "normality")
+          ),
+          errorMessage: form?.errors?.find((x) => x.field === "normality")?.message,
+          onChange: (sel) => changeFormData("normality", sel),
+          disabled: sendingForm
+        }
+      )
+    ), /* @__PURE__ */ import_react149.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react149.default.createElement(
       Button,
       {
         type: "button",
@@ -13629,7 +13479,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
         disabled: sendingForm
       },
       stringOverrides?.cancelButton || "Cancel"
-    ), apiError && /* @__PURE__ */ import_react150.default.createElement(
+    ), apiError && /* @__PURE__ */ import_react149.default.createElement(
       RetryButton,
       {
         type: "submit",
@@ -13638,7 +13488,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
         disabled: sendingForm
       },
       stringOverrides?.retryButton || "Retry"
-    ), !apiError && /* @__PURE__ */ import_react150.default.createElement(
+    ), !apiError && /* @__PURE__ */ import_react149.default.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -13656,12 +13506,155 @@ var ChartOfAccountsSidebar = ({
   parentRef: _parentRef,
   stringOverrides
 }) => {
-  return /* @__PURE__ */ import_react151.default.createElement(ChartOfAccountsForm, { stringOverrides });
+  return /* @__PURE__ */ import_react150.default.createElement(ChartOfAccountsForm, { stringOverrides });
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
-var COMPONENT_NAME5 = "chart-of-accounts";
+var import_react151 = __toESM(require("react"));
+
+// src/icons/Edit2.tsx
+var React152 = __toESM(require("react"));
+var Edit2 = ({ size = 18, ...props }) => /* @__PURE__ */ React152.createElement(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 18 18",
+    fill: "none",
+    ...props,
+    width: size,
+    height: size
+  },
+  /* @__PURE__ */ React152.createElement(
+    "path",
+    {
+      d: "M12.75 2.25C12.947 2.05301 13.1808 1.89676 13.4382 1.79015C13.6956 1.68355 13.9714 1.62868 14.25 1.62868C14.5286 1.62868 14.8044 1.68355 15.0618 1.79015C15.3192 1.89676 15.553 2.05301 15.75 2.25C15.947 2.44698 16.1032 2.68083 16.2098 2.9382C16.3165 3.19557 16.3713 3.47142 16.3713 3.75C16.3713 4.02857 16.3165 4.30442 16.2098 4.56179C16.1032 4.81916 15.947 5.05302 15.75 5.25L5.625 15.375L1.5 16.5L2.625 12.375L12.75 2.25Z",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+);
+var Edit2_default = Edit2;
+
+// src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
 var ChartOfAccountsTable = ({
+  view,
+  stringOverrides,
+  data,
+  error,
+  expandAll,
+  cumulativeIndex,
+  accountsLength
+}) => /* @__PURE__ */ import_react151.default.createElement(TableProvider, null, /* @__PURE__ */ import_react151.default.createElement(
+  ChartOfAccountsTableContent,
+  {
+    view,
+    data,
+    stringOverrides,
+    error,
+    expandAll,
+    cumulativeIndex,
+    accountsLength
+  }
+));
+var ChartOfAccountsTableContent = ({
+  stringOverrides,
+  data,
+  error,
+  expandAll
+}) => {
+  const { setAccountId } = (0, import_react151.useContext)(LedgerAccountsContext);
+  const { editAccount } = (0, import_react151.useContext)(ChartOfAccountsContext);
+  const { isOpen, setIsOpen } = useTableExpandRow();
+  const [accountsRowKeys, setAccountsRowKeys] = (0, import_react151.useState)([]);
+  (0, import_react151.useEffect)(() => {
+    if (expandAll === "expanded") {
+      setIsOpen(accountsRowKeys);
+    } else if (expandAll === "collapsed") {
+      setIsOpen([]);
+    }
+  }, [expandAll]);
+  (0, import_react151.useEffect)(() => {
+    const defaultExpanded = data.accounts.map(
+      (account) => "coa-row-" + account.id
+    );
+    setIsOpen(defaultExpanded);
+    const searchRowsToExpand = (accounts, rowKey) => {
+      accounts.map((account) => {
+        if (account.sub_accounts.length > 0) {
+          setAccountsRowKeys((prev) => [...prev, `${rowKey}-${account.id}`]);
+          searchRowsToExpand(account.sub_accounts, `${rowKey}-${account.id}`);
+        }
+      });
+    };
+    searchRowsToExpand(data.accounts, "coa-row");
+  }, []);
+  const renderChartOfAccountsDesktopRow = (account, index, rowKey, depth) => {
+    const expandable = !!account.sub_accounts && account.sub_accounts.length > 0;
+    const expanded = expandable ? isOpen(rowKey) : true;
+    return /* @__PURE__ */ import_react151.default.createElement(import_react151.default.Fragment, { key: rowKey + "-" + index }, /* @__PURE__ */ import_react151.default.createElement(
+      TableRow,
+      {
+        rowKey: rowKey + "-" + index,
+        expandable,
+        isExpanded: expanded,
+        onClick: (e) => {
+          e.stopPropagation();
+          setAccountId(account.id);
+        },
+        depth
+      },
+      /* @__PURE__ */ import_react151.default.createElement(
+        TableCell,
+        {
+          withExpandIcon: expandable,
+          onClick: (e) => {
+            e.stopPropagation();
+            expandable && setIsOpen(rowKey);
+          }
+        },
+        account.name
+      ),
+      /* @__PURE__ */ import_react151.default.createElement(TableCell, null, account.account_type?.display_name),
+      /* @__PURE__ */ import_react151.default.createElement(TableCell, null, account.account_subtype?.display_name),
+      /* @__PURE__ */ import_react151.default.createElement(TableCell, { isCurrency: true }, account.balance),
+      /* @__PURE__ */ import_react151.default.createElement(TableCell, null, /* @__PURE__ */ import_react151.default.createElement("span", { className: "Layer__coa__actions" }, /* @__PURE__ */ import_react151.default.createElement(
+        Button,
+        {
+          variant: "secondary" /* secondary */,
+          rightIcon: /* @__PURE__ */ import_react151.default.createElement(Edit2_default, { size: 12 }),
+          iconOnly: true,
+          onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            editAccount(account.id);
+          }
+        },
+        "Edit"
+      )))
+    ), expandable && expanded && account.sub_accounts.map((subItem, subIdx) => {
+      const subRowKey = `${rowKey}-${subItem.id}`;
+      return renderChartOfAccountsDesktopRow(
+        subItem,
+        subIdx,
+        subRowKey,
+        depth + 1
+      );
+    }));
+  };
+  return /* @__PURE__ */ import_react151.default.createElement(Table, null, /* @__PURE__ */ import_react151.default.createElement(TableHead, null, /* @__PURE__ */ import_react151.default.createElement(TableRow, { isHeadRow: true, rowKey: "charts-of-accounts-head-row" }, /* @__PURE__ */ import_react151.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.nameColumnHeader || "Name"), /* @__PURE__ */ import_react151.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.typeColumnHeader || "Type"), /* @__PURE__ */ import_react151.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.subtypeColumnHeader || "Sub-Type"), /* @__PURE__ */ import_react151.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.balanceColumnHeader || "Balance"), /* @__PURE__ */ import_react151.default.createElement(TableCell, { isHeaderCell: true }))), /* @__PURE__ */ import_react151.default.createElement(TableBody, null, !error && data.accounts.map(
+    (account, idx) => renderChartOfAccountsDesktopRow(
+      account,
+      idx,
+      `coa-row-${account.id}`,
+      0
+    )
+  )));
+};
+
+// src/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel.tsx
+var COMPONENT_NAME5 = "chart-of-accounts";
+var ChartOfAccountsTableWithPanel = ({
   view,
   containerRef,
   asWidget = false,
@@ -13671,7 +13664,7 @@ var ChartOfAccountsTable = ({
 }) => {
   const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react152.useContext)(ChartOfAccountsContext);
   const [expandAll, setExpandAll] = (0, import_react152.useState)();
-  let cumulativeIndex = 0;
+  const cumulativeIndex = 0;
   const accountsLength = data?.accounts.length ?? 0;
   return /* @__PURE__ */ import_react152.default.createElement(
     Panel,
@@ -13718,25 +13711,18 @@ var ChartOfAccountsTable = ({
         /* @__PURE__ */ import_react152.default.createElement("div", { className: "Layer__header__actions-col" }, /* @__PURE__ */ import_react152.default.createElement(Button, { onClick: () => addAccount(), disabled: isLoading }, stringOverrides?.addAccountButtonText || "Add Account"))
       )
     ),
-    /* @__PURE__ */ import_react152.default.createElement("table", { className: "Layer__chart-of-accounts__table" }, /* @__PURE__ */ import_react152.default.createElement("thead", null, /* @__PURE__ */ import_react152.default.createElement("tr", { className: "Layer__table-row--header" }, /* @__PURE__ */ import_react152.default.createElement("th", { className: "Layer__table-header Layer__coa__name" }, stringOverrides?.nameColumnHeader || "Name"), /* @__PURE__ */ import_react152.default.createElement("th", { className: "Layer__table-header Layer__coa__type" }, stringOverrides?.typeColumnHeader || "Type"), /* @__PURE__ */ import_react152.default.createElement("th", { className: "Layer__table-header Layer__coa__subtype Layer__mobile--hidden" }, stringOverrides?.subtypeColumnHeader || "Sub-Type"), /* @__PURE__ */ import_react152.default.createElement("th", { className: "Layer__table-header Layer__coa__balance" }, stringOverrides?.balanceColumnHeader || "Balance"), /* @__PURE__ */ import_react152.default.createElement("th", { className: "Layer__table-header Layer__coa__actions" }))), /* @__PURE__ */ import_react152.default.createElement("tbody", null, !error && data?.accounts.map((account, idx) => {
-      const currentCumulativeIndex = cumulativeIndex;
-      cumulativeIndex = (account.sub_accounts?.length || 0) + cumulativeIndex + 1;
-      return /* @__PURE__ */ import_react152.default.createElement(
-        ChartOfAccountsRow,
-        {
-          key: account.id,
-          account,
-          depth: 0,
-          index: idx,
-          cumulativeIndex: currentCumulativeIndex,
-          expanded: true,
-          defaultOpen: true,
-          acountsLength: accountsLength,
-          view,
-          expandAll
-        }
-      );
-    }))),
+    data && /* @__PURE__ */ import_react152.default.createElement(
+      ChartOfAccountsTable,
+      {
+        view,
+        data,
+        error,
+        stringOverrides,
+        expandAll,
+        accountsLength,
+        cumulativeIndex
+      }
+    ),
     error ? /* @__PURE__ */ import_react152.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react152.default.createElement(
       DataState,
       {
@@ -13769,9 +13755,9 @@ var import_react157 = __toESM(require("react"));
 
 // src/components/Card/Card.tsx
 var import_react153 = __toESM(require("react"));
-var import_classnames56 = __toESM(require("classnames"));
+var import_classnames55 = __toESM(require("classnames"));
 var Card = ({ children, className }) => {
-  return /* @__PURE__ */ import_react153.default.createElement("div", { className: (0, import_classnames56.default)("Layer__card", className) }, children);
+  return /* @__PURE__ */ import_react153.default.createElement("div", { className: (0, import_classnames55.default)("Layer__card", className) }, children);
 };
 
 // src/components/DateTime/DateTime.tsx
@@ -13813,14 +13799,14 @@ var DateTime = ({
 
 // src/components/DetailsList/DetailsList.tsx
 var import_react155 = __toESM(require("react"));
-var import_classnames57 = __toESM(require("classnames"));
+var import_classnames56 = __toESM(require("classnames"));
 var DetailsList = ({
   title,
   children,
   className,
   actions
 }) => {
-  return /* @__PURE__ */ import_react155.default.createElement("div", { className: (0, import_classnames57.default)("Layer__details-list", className) }, title && /* @__PURE__ */ import_react155.default.createElement(Header, null, /* @__PURE__ */ import_react155.default.createElement(Heading, { size: "secondary" /* secondary */ }, title), actions && /* @__PURE__ */ import_react155.default.createElement("div", { className: "Layer__details-list__actions" }, actions)), /* @__PURE__ */ import_react155.default.createElement("ul", { className: "Layer__details-list__list" }, children));
+  return /* @__PURE__ */ import_react155.default.createElement("div", { className: (0, import_classnames56.default)("Layer__details-list", className) }, title && /* @__PURE__ */ import_react155.default.createElement(Header, null, /* @__PURE__ */ import_react155.default.createElement(Heading, { size: "secondary" /* secondary */ }, title), actions && /* @__PURE__ */ import_react155.default.createElement("div", { className: "Layer__details-list__actions" }, actions)), /* @__PURE__ */ import_react155.default.createElement("ul", { className: "Layer__details-list__list" }, children));
 };
 
 // src/components/DetailsList/DetailsListItem.tsx
@@ -14048,7 +14034,7 @@ var LedgerAccountEntryDetails = ({
 
 // src/components/LedgerAccount/LedgerAccountRow.tsx
 var import_react158 = __toESM(require("react"));
-var import_classnames58 = __toESM(require("classnames"));
+var import_classnames57 = __toESM(require("classnames"));
 var import_date_fns32 = require("date-fns");
 var LedgerAccountRow = ({
   row,
@@ -14072,7 +14058,7 @@ var LedgerAccountRow = ({
     return /* @__PURE__ */ import_react158.default.createElement(
       "tr",
       {
-        className: (0, import_classnames58.default)(
+        className: (0, import_classnames57.default)(
           "Layer__table-row",
           row.entry_id === selectedEntryId && "Layer__table-row--active",
           initialLoad && "initial-load",
@@ -14105,7 +14091,7 @@ var LedgerAccountRow = ({
     return /* @__PURE__ */ import_react158.default.createElement(
       "tr",
       {
-        className: (0, import_classnames58.default)(
+        className: (0, import_classnames57.default)(
           "Layer__table-row",
           row.entry_id === selectedEntryId && "Layer__table-row--active",
           initialLoad && "initial-load",
@@ -14134,7 +14120,7 @@ var LedgerAccountRow = ({
   return /* @__PURE__ */ import_react158.default.createElement(
     "tr",
     {
-      className: (0, import_classnames58.default)(
+      className: (0, import_classnames57.default)(
         "Layer__table-row",
         row.entry_id === selectedEntryId && "Layer__table-row--active",
         initialLoad && "initial-load",
@@ -14160,7 +14146,7 @@ var LedgerAccountRow = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
-var import_classnames59 = __toESM(require("classnames"));
+var import_classnames58 = __toESM(require("classnames"));
 var LedgerAccount = ({
   containerRef,
   pageSize = 15,
@@ -14189,7 +14175,7 @@ var LedgerAccount = ({
       return () => clearTimeout(timeoutLoad);
     }
   }, [isLoading]);
-  const baseClassName = (0, import_classnames59.default)(
+  const baseClassName = (0, import_classnames58.default)(
     "Layer__ledger-account__index",
     accountId && "open"
   );
@@ -14268,7 +14254,7 @@ var LedgerAccount = ({
         onRefresh: () => refetch(),
         isLoading: isValidating || isLoading
       }
-    )) : null, (!data || isLoading) && !error ? /* @__PURE__ */ import_react159.default.createElement("div", { className: `Layer__ledger-account__loader-container` }, /* @__PURE__ */ import_react159.default.createElement(Loader2, null)) : null, !isLoading && !error && data?.length === 0 ? /* @__PURE__ */ import_react159.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react159.default.createElement(
+    )) : null, (!data || isLoading) && !error ? /* @__PURE__ */ import_react159.default.createElement("div", { className: "Layer__ledger-account__loader-container" }, /* @__PURE__ */ import_react159.default.createElement(Loader2, null)) : null, !isLoading && !error && data?.length === 0 ? /* @__PURE__ */ import_react159.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react159.default.createElement(
       DataState,
       {
         status: "info" /* info */,
@@ -14307,8 +14293,15 @@ var ChartOfAccountsContent = ({
       }
     }
   });
-  return /* @__PURE__ */ import_react160.default.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ import_react160.default.createElement(LedgerAccount, { view, containerRef, stringOverrides: stringOverrides?.ledgerAccount }) : /* @__PURE__ */ import_react160.default.createElement(
-    ChartOfAccountsTable,
+  return /* @__PURE__ */ import_react160.default.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ import_react160.default.createElement(
+    LedgerAccount,
+    {
+      view,
+      containerRef,
+      stringOverrides: stringOverrides?.ledgerAccount
+    }
+  ) : /* @__PURE__ */ import_react160.default.createElement(
+    ChartOfAccountsTableWithPanel,
     {
       asWidget,
       withDateControl,
@@ -14654,190 +14647,14 @@ var useJournal = () => {
   };
 };
 
-// src/components/JournalTable/JournalTable.tsx
+// src/components/JournalTable/JournalTableWithPanel.tsx
 var import_react168 = __toESM(require("react"));
 
-// src/components/JournalRow/JournalRow.tsx
-var import_react163 = __toESM(require("react"));
-var import_classnames60 = __toESM(require("classnames"));
-var import_date_fns33 = require("date-fns");
-var INDENTATION2 = 24;
-var EXPANDED_STYLE3 = {
-  height: "100%",
-  opacity: 1
-};
-var COLLAPSED_STYLE3 = {
-  height: 0,
-  opacity: 0.5,
-  paddingTop: 0,
-  paddingBottom: 0
-};
-var rowId = (row) => {
-  if ("id" in row) {
-    return row.id;
-  }
-  return `${row.account_identifier.id}-${Math.random()}`;
-};
-var accountName = (row) => {
-  if ("account" in row) {
-    return row.account.name;
-  }
-  return row.account_identifier.name;
-};
-var JournalRow = ({
-  row,
-  index,
-  initialLoad,
-  view,
-  lineItemsLength = 8,
-  defaultOpen = false,
-  expanded = false,
-  depth = 0,
-  cumulativeIndex = 0,
-  selectedEntries = false
-}) => {
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react163.useContext)(JournalContext);
-  const [isOpen, setIsOpen] = (0, import_react163.useState)(index === 0 ? true : defaultOpen);
-  const style = expanded ? {
-    ...EXPANDED_STYLE3,
-    transitionDelay: `${15 * index}ms`
-  } : {
-    ...COLLAPSED_STYLE3,
-    transitionDelay: `${lineItemsLength - 15 * index}ms`
-  };
-  const [showComponent, setShowComponent] = (0, import_react163.useState)(false);
-  const baseClass = (0, import_classnames60.default)(
-    "Layer__journal-table-row",
-    rowId(row) === selectedEntryId && "Layer__table-row--active",
-    initialLoad && "initial-load",
-    "Layer__table-row--with-show",
-    showComponent ? "show" : "Layer__table-row--anim-starting-state",
-    isOpen && "Layer__journal__table-row--expanded"
-  );
-  const journalEntryLineClass = (0, import_classnames60.default)(
-    "Layer__journal-entry-table-row",
-    selectedEntries && "Layer__table-row--active",
-    initialLoad && "initial-load",
-    "Layer__table-row--with-show",
-    showComponent ? "show" : "Layer__table-row--anim-starting-state",
-    "Layer__journal-line__table-row",
-    !expanded && "Layer__table-row--hidden"
-  );
-  (0, import_react163.useEffect)(() => {
-    if (initialLoad) {
-      const timeoutId = setTimeout(() => {
-        setShowComponent(true);
-      }, index * 10);
-      return () => clearTimeout(timeoutId);
-    } else {
-      setShowComponent(true);
-    }
-  }, []);
-  if ("line_items" in row) {
-    return /* @__PURE__ */ import_react163.default.createElement(import_react163.default.Fragment, null, /* @__PURE__ */ import_react163.default.createElement(
-      "tr",
-      {
-        className: baseClass,
-        style: { transitionDelay: `${15 * index}ms` },
-        onClick: (e) => {
-          e.stopPropagation();
-          if (selectedEntryId === row.id) {
-            closeSelectedEntry();
-          } else {
-            setSelectedEntryId(row.id);
-          }
-        }
-      },
-      /* @__PURE__ */ import_react163.default.createElement("td", { className: "Layer__table-cell Layer__journal__arrow" }, /* @__PURE__ */ import_react163.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react163.default.createElement(
-        "span",
-        {
-          className: "Layer__table-cell-content-indentation",
-          style: {
-            paddingLeft: INDENTATION2 * depth + 16
-          },
-          onClick: (e) => {
-            e.stopPropagation();
-            e.preventDefault();
-            setIsOpen(!isOpen);
-          }
-        },
-        row.line_items && row.line_items.length > 0 && /* @__PURE__ */ import_react163.default.createElement(
-          ChevronDownFill_default,
-          {
-            size: 16,
-            className: "Layer__table__expand-icon",
-            style: {
-              transform: isOpen ? "rotate(0deg)" : "rotate(-90deg)"
-            }
-          }
-        )
-      ))),
-      /* @__PURE__ */ import_react163.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react163.default.createElement("span", { className: "Layer__table-cell-content" }, row.id.substring(0, 5))),
-      /* @__PURE__ */ import_react163.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react163.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(row.date), DATE_FORMAT))),
-      /* @__PURE__ */ import_react163.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react163.default.createElement("span", { className: "Layer__table-cell-content" }, humanizeEnum(row.entry_type))),
-      /* @__PURE__ */ import_react163.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react163.default.createElement("span", { className: "Layer__table-cell-content" }, `(${row.line_items.length})`)),
-      /* @__PURE__ */ import_react163.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react163.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, "$", centsToDollars(
-        Math.abs(
-          row.line_items.filter((item) => item.direction === "DEBIT").map((item) => item.amount).reduce((a, b) => a + b, 0)
-        )
-      ))),
-      /* @__PURE__ */ import_react163.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react163.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, "$", centsToDollars(
-        Math.abs(
-          row.line_items.filter((item) => item.direction === "CREDIT").map((item) => item.amount).reduce((a, b) => a + b, 0)
-        )
-      )))
-    ), (row.line_items || []).map((lineItem, idx) => /* @__PURE__ */ import_react163.default.createElement(
-      JournalRow,
-      {
-        key: `${row.id}-${idx}`,
-        row: lineItem,
-        depth: depth + 1,
-        index: idx,
-        expanded: isOpen,
-        cumulativeIndex: cumulativeIndex + idx + 1,
-        lineItemsLength: (row.line_items ?? []).length,
-        view,
-        selectedEntries: row.id === selectedEntryId
-      }
-    )));
-  }
-  return /* @__PURE__ */ import_react163.default.createElement(
-    "tr",
-    {
-      className: journalEntryLineClass,
-      style: { transitionDelay: `${15 * index}ms` }
-    },
-    /* @__PURE__ */ import_react163.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react163.default.createElement("span", { className: "Layer__table-cell-content", style })),
-    /* @__PURE__ */ import_react163.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react163.default.createElement("span", { className: "Layer__table-cell-content", style }, /* @__PURE__ */ import_react163.default.createElement("span", { className: "Layer__table-cell-hidden" }, rowId(row).substring(0, 5)))),
-    /* @__PURE__ */ import_react163.default.createElement("td", { className: "Layer__table-cell" }),
-    /* @__PURE__ */ import_react163.default.createElement("td", { className: "Layer__table-cell" }),
-    /* @__PURE__ */ import_react163.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react163.default.createElement("span", { className: "Layer__table-cell-content", style }, accountName(row))),
-    /* @__PURE__ */ import_react163.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, row.direction === "DEBIT" && /* @__PURE__ */ import_react163.default.createElement(
-      "span",
-      {
-        className: "Layer__table-cell-content Layer__table-cell--amount",
-        style
-      },
-      "$",
-      centsToDollars(Math.abs(row.amount))
-    )),
-    /* @__PURE__ */ import_react163.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, row.direction === "CREDIT" && /* @__PURE__ */ import_react163.default.createElement(
-      "span",
-      {
-        className: "Layer__table-cell-content Layer__table-cell--amount",
-        style
-      },
-      "$",
-      centsToDollars(Math.abs(row.amount))
-    ))
-  );
-};
-
 // src/components/JournalSidebar/JournalSidebar.tsx
-var import_react167 = __toESM(require("react"));
+var import_react166 = __toESM(require("react"));
 
 // src/components/JournalEntryDetails/JournalEntryDetails.tsx
-var import_react164 = __toESM(require("react"));
+var import_react163 = __toESM(require("react"));
 var JournalEntryDetails = () => {
   const {
     data,
@@ -14845,21 +14662,21 @@ var JournalEntryDetails = () => {
     errorEntry,
     closeSelectedEntry,
     selectedEntryId
-  } = (0, import_react164.useContext)(JournalContext);
-  const entry = (0, import_react164.useMemo)(() => {
+  } = (0, import_react163.useContext)(JournalContext);
+  const entry = (0, import_react163.useMemo)(() => {
     if (selectedEntryId && data) {
       return data.find((x) => x.id === selectedEntryId);
     }
     return;
   }, [data, selectedEntryId]);
-  return /* @__PURE__ */ import_react164.default.createElement("div", { className: "Layer__journal__entry-details" }, /* @__PURE__ */ import_react164.default.createElement(
+  return /* @__PURE__ */ import_react163.default.createElement("div", { className: "Layer__journal__entry-details" }, /* @__PURE__ */ import_react163.default.createElement(
     DetailsList,
     {
       title: "Transaction source",
-      actions: /* @__PURE__ */ import_react164.default.createElement(
+      actions: /* @__PURE__ */ import_react163.default.createElement(
         Button,
         {
-          rightIcon: /* @__PURE__ */ import_react164.default.createElement(X_default, null),
+          rightIcon: /* @__PURE__ */ import_react163.default.createElement(X_default, null),
           iconOnly: true,
           onClick: closeSelectedEntry,
           className: "Layer__details-list__close-btn",
@@ -14867,54 +14684,54 @@ var JournalEntryDetails = () => {
         }
       )
     },
-    /* @__PURE__ */ import_react164.default.createElement(DetailsListItem, { label: "Source", isLoading: isLoadingEntry }, /* @__PURE__ */ import_react164.default.createElement(Badge, null, entry?.source?.entity_name)),
-    entry?.source?.display_description && /* @__PURE__ */ import_react164.default.createElement(SourceDetailView, { source: entry?.source })
-  ), /* @__PURE__ */ import_react164.default.createElement(
+    /* @__PURE__ */ import_react163.default.createElement(DetailsListItem, { label: "Source", isLoading: isLoadingEntry }, /* @__PURE__ */ import_react163.default.createElement(Badge, null, entry?.source?.entity_name)),
+    entry?.source?.display_description && /* @__PURE__ */ import_react163.default.createElement(SourceDetailView, { source: entry?.source })
+  ), /* @__PURE__ */ import_react163.default.createElement(
     DetailsList,
     {
       title: `Journal Entry ${entry?.id.substring(0, 5)}`,
       className: "Layer__border-top"
     },
-    /* @__PURE__ */ import_react164.default.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum(entry?.entry_type ?? "")),
-    /* @__PURE__ */ import_react164.default.createElement(DetailsListItem, { label: "Date", isLoading: isLoadingEntry }, entry?.entry_at && /* @__PURE__ */ import_react164.default.createElement(DateTime, { value: entry?.entry_at })),
-    /* @__PURE__ */ import_react164.default.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, entry?.date && /* @__PURE__ */ import_react164.default.createElement(DateTime, { value: entry?.date })),
-    entry?.reversal_id && /* @__PURE__ */ import_react164.default.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, "Journal Entry #", entry?.reversal_id)
-  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react164.default.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ import_react164.default.createElement(Card, null, /* @__PURE__ */ import_react164.default.createElement(
+    /* @__PURE__ */ import_react163.default.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum(entry?.entry_type ?? "")),
+    /* @__PURE__ */ import_react163.default.createElement(DetailsListItem, { label: "Date", isLoading: isLoadingEntry }, entry?.entry_at && /* @__PURE__ */ import_react163.default.createElement(DateTime, { value: entry?.entry_at })),
+    /* @__PURE__ */ import_react163.default.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, entry?.date && /* @__PURE__ */ import_react163.default.createElement(DateTime, { value: entry?.date })),
+    entry?.reversal_id && /* @__PURE__ */ import_react163.default.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, "Journal Entry #", entry?.reversal_id)
+  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react163.default.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ import_react163.default.createElement(Card, null, /* @__PURE__ */ import_react163.default.createElement(
     Table,
     {
       componentName: "ledger-account__entry-details",
       borderCollapse: "collapse"
     },
-    /* @__PURE__ */ import_react164.default.createElement(TableHead, null, /* @__PURE__ */ import_react164.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react164.default.createElement(TableCell, null, "Line items"), [...Array(3)].map((_, index) => /* @__PURE__ */ import_react164.default.createElement(TableCell, { key: `ledger-empty-cell-${index}` })), /* @__PURE__ */ import_react164.default.createElement(TableCell, null, "Debit"), /* @__PURE__ */ import_react164.default.createElement(TableCell, null, "Credit"))),
-    /* @__PURE__ */ import_react164.default.createElement(TableBody, null, entry?.line_items?.map((item, index) => /* @__PURE__ */ import_react164.default.createElement(
+    /* @__PURE__ */ import_react163.default.createElement(TableHead, null, /* @__PURE__ */ import_react163.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react163.default.createElement(TableCell, null, "Line items"), [...Array(3)].map((_, index) => /* @__PURE__ */ import_react163.default.createElement(TableCell, { key: `ledger-empty-cell-${index}` })), /* @__PURE__ */ import_react163.default.createElement(TableCell, null, "Debit"), /* @__PURE__ */ import_react163.default.createElement(TableCell, null, "Credit"))),
+    /* @__PURE__ */ import_react163.default.createElement(TableBody, null, entry?.line_items?.map((item, index) => /* @__PURE__ */ import_react163.default.createElement(
       TableRow,
       {
         key: `ledger-line-item-${index}`,
         rowKey: `ledger-line-item-${index}`
       },
-      /* @__PURE__ */ import_react164.default.createElement(TableCell, null, item.account_identifier?.name || ""),
-      [...Array(3)].map((_, index2) => /* @__PURE__ */ import_react164.default.createElement(TableCell, { key: `ledger-empty-cell-${index2}` })),
-      /* @__PURE__ */ import_react164.default.createElement(TableCell, null, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react164.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))),
-      /* @__PURE__ */ import_react164.default.createElement(TableCell, null, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react164.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0)))
-    )), /* @__PURE__ */ import_react164.default.createElement(
+      /* @__PURE__ */ import_react163.default.createElement(TableCell, null, item.account_identifier?.name || ""),
+      [...Array(3)].map((_, index2) => /* @__PURE__ */ import_react163.default.createElement(TableCell, { key: `ledger-empty-cell-${index2}` })),
+      /* @__PURE__ */ import_react163.default.createElement(TableCell, null, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react163.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))),
+      /* @__PURE__ */ import_react163.default.createElement(TableCell, null, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react163.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0)))
+    )), /* @__PURE__ */ import_react163.default.createElement(
       TableRow,
       {
         rowKey: "ledger-line-item-summation",
         variant: "summation"
       },
-      /* @__PURE__ */ import_react164.default.createElement(TableCell, { primary: true }, "Total"),
-      [...Array(3)].map((_, index) => /* @__PURE__ */ import_react164.default.createElement(TableCell, { key: `ledger-empty-cell-${index}` })),
-      /* @__PURE__ */ import_react164.default.createElement(TableCell, { isCurrency: true, primary: true }, entry?.line_items.filter((item) => item.direction === "DEBIT").map((item) => item.amount).reduce((a, b) => a + b, 0) || 0),
-      /* @__PURE__ */ import_react164.default.createElement(TableCell, { isCurrency: true, primary: true }, entry?.line_items.filter((item) => item.direction === "CREDIT").map((item) => item.amount).reduce((a, b) => a + b, 0) || 0)
+      /* @__PURE__ */ import_react163.default.createElement(TableCell, { primary: true }, "Total"),
+      [...Array(3)].map((_, index) => /* @__PURE__ */ import_react163.default.createElement(TableCell, { key: `ledger-empty-cell-${index}` })),
+      /* @__PURE__ */ import_react163.default.createElement(TableCell, { isCurrency: true, primary: true }, entry?.line_items.filter((item) => item.direction === "DEBIT").map((item) => item.amount).reduce((a, b) => a + b, 0) || 0),
+      /* @__PURE__ */ import_react163.default.createElement(TableCell, { isCurrency: true, primary: true }, entry?.line_items.filter((item) => item.direction === "CREDIT").map((item) => item.amount).reduce((a, b) => a + b, 0) || 0)
     ))
   ))) : null);
 };
 
 // src/components/JournalForm/JournalForm.tsx
-var import_react166 = __toESM(require("react"));
+var import_react165 = __toESM(require("react"));
 
 // src/components/JournalForm/JournalFormEntryLines.tsx
-var import_react165 = __toESM(require("react"));
+var import_react164 = __toESM(require("react"));
 var JournalFormEntryLines = ({
   entrylineItems,
   addEntryLine,
@@ -14923,17 +14740,17 @@ var JournalFormEntryLines = ({
   sendingForm,
   config
 }) => {
-  const { data: accountsData } = (0, import_react165.useContext)(ChartOfAccountsContext);
-  const { form } = (0, import_react165.useContext)(JournalContext);
+  const { data: accountsData } = (0, import_react164.useContext)(ChartOfAccountsContext);
+  const { form } = (0, import_react164.useContext)(JournalContext);
   const parentOptions = useParentOptions(accountsData);
-  return /* @__PURE__ */ import_react165.default.createElement(import_react165.default.Fragment, null, Object.keys(Direction).map((direction, idx) => {
-    return /* @__PURE__ */ import_react165.default.createElement(
+  return /* @__PURE__ */ import_react164.default.createElement(import_react164.default.Fragment, null, Object.keys(Direction).map((direction, idx) => {
+    return /* @__PURE__ */ import_react164.default.createElement(
       "div",
       {
         key: "Layer__journal__form__input-group-" + idx,
         className: "Layer__journal__form__input-group Layer__journal__form__input-group__border"
       },
-      /* @__PURE__ */ import_react165.default.createElement(
+      /* @__PURE__ */ import_react164.default.createElement(
         Text,
         {
           className: "Layer__journal__form__input-group__title",
@@ -14947,13 +14764,13 @@ var JournalFormEntryLines = ({
         if (item.direction !== direction) {
           return null;
         }
-        return /* @__PURE__ */ import_react165.default.createElement(
+        return /* @__PURE__ */ import_react164.default.createElement(
           "div",
           {
             className: "Layer__journal__form__input-group__line-item",
             key: direction + "-" + idx2
           },
-          /* @__PURE__ */ import_react165.default.createElement(InputGroup, { name: direction, label: "Amount", inline: true }, /* @__PURE__ */ import_react165.default.createElement(
+          /* @__PURE__ */ import_react164.default.createElement(InputGroup, { name: direction, label: "Amount", inline: true }, /* @__PURE__ */ import_react164.default.createElement(
             InputWithBadge,
             {
               name: direction,
@@ -14979,14 +14796,14 @@ var JournalFormEntryLines = ({
               )?.message
             }
           )),
-          /* @__PURE__ */ import_react165.default.createElement(
+          /* @__PURE__ */ import_react164.default.createElement(
             InputGroup,
             {
               name: "account-name",
               label: "Account name",
               inline: true
             },
-            /* @__PURE__ */ import_react165.default.createElement(
+            /* @__PURE__ */ import_react164.default.createElement(
               Select2,
               {
                 options: parentOptions,
@@ -15010,18 +14827,18 @@ var JournalFormEntryLines = ({
                 )?.message
               }
             ),
-            idx2 >= 2 && /* @__PURE__ */ import_react165.default.createElement(
+            idx2 >= 2 && /* @__PURE__ */ import_react164.default.createElement(
               IconButton,
               {
                 className: "Layer__remove__button",
                 onClick: () => removeEntryLine(idx2),
-                icon: /* @__PURE__ */ import_react165.default.createElement(Trash_default, null)
+                icon: /* @__PURE__ */ import_react164.default.createElement(Trash_default, null)
               }
             )
           )
         );
       }),
-      (config.form.addEntryLinesLimit === void 0 || config.form.addEntryLinesLimit > entrylineItems?.length) && /* @__PURE__ */ import_react165.default.createElement(
+      (config.form.addEntryLinesLimit === void 0 || config.form.addEntryLinesLimit > entrylineItems?.length) && /* @__PURE__ */ import_react164.default.createElement(
         TextButton,
         {
           className: "Layer__journal__add-entry-line",
@@ -15034,7 +14851,10 @@ var JournalFormEntryLines = ({
 };
 
 // src/components/JournalForm/JournalForm.tsx
-var JournalForm = ({ config, stringOverrides }) => {
+var JournalForm = ({
+  config,
+  stringOverrides
+}) => {
   const {
     form,
     cancelForm,
@@ -15044,8 +14864,8 @@ var JournalForm = ({ config, stringOverrides }) => {
     changeFormData,
     addEntryLine,
     removeEntryLine
-  } = (0, import_react166.useContext)(JournalContext);
-  return /* @__PURE__ */ import_react166.default.createElement(
+  } = (0, import_react165.useContext)(JournalContext);
+  return /* @__PURE__ */ import_react165.default.createElement(
     "form",
     {
       className: "Layer__form",
@@ -15054,7 +14874,7 @@ var JournalForm = ({ config, stringOverrides }) => {
         submitForm();
       }
     },
-    /* @__PURE__ */ import_react166.default.createElement("div", { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ import_react166.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, stringOverrides?.header && "Add New Entry"), /* @__PURE__ */ import_react166.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react166.default.createElement(
+    /* @__PURE__ */ import_react165.default.createElement("div", { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ import_react165.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, stringOverrides?.header && "Add New Entry"), /* @__PURE__ */ import_react165.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react165.default.createElement(
       Button,
       {
         type: "button",
@@ -15063,7 +14883,7 @@ var JournalForm = ({ config, stringOverrides }) => {
         disabled: sendingForm
       },
       stringOverrides?.cancelButton || "Cancel"
-    ), apiError && /* @__PURE__ */ import_react166.default.createElement(
+    ), apiError && /* @__PURE__ */ import_react165.default.createElement(
       RetryButton,
       {
         type: "submit",
@@ -15072,7 +14892,7 @@ var JournalForm = ({ config, stringOverrides }) => {
         disabled: sendingForm
       },
       stringOverrides?.retryButton || "Retry"
-    ), !apiError && /* @__PURE__ */ import_react166.default.createElement(
+    ), !apiError && /* @__PURE__ */ import_react165.default.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -15082,7 +14902,7 @@ var JournalForm = ({ config, stringOverrides }) => {
       },
       stringOverrides?.saveButton || "Save"
     ))),
-    apiError && /* @__PURE__ */ import_react166.default.createElement(
+    apiError && /* @__PURE__ */ import_react165.default.createElement(
       Text,
       {
         size: "sm" /* sm */,
@@ -15090,7 +14910,7 @@ var JournalForm = ({ config, stringOverrides }) => {
       },
       apiError
     ),
-    /* @__PURE__ */ import_react166.default.createElement("div", { className: "Layer__journal__form__input-group" }, /* @__PURE__ */ import_react166.default.createElement(InputGroup, { name: "date", label: "Date", inline: true }, /* @__PURE__ */ import_react166.default.createElement("div", { className: "Layer__journal__datepicker__wrapper" }, /* @__PURE__ */ import_react166.default.createElement(
+    /* @__PURE__ */ import_react165.default.createElement("div", { className: "Layer__journal__form__input-group" }, /* @__PURE__ */ import_react165.default.createElement(InputGroup, { name: "date", label: "Date", inline: true }, /* @__PURE__ */ import_react165.default.createElement("div", { className: "Layer__journal__datepicker__wrapper" }, /* @__PURE__ */ import_react165.default.createElement(
       DatePicker,
       {
         selected: form?.data.entry_at ? new Date(form?.data.entry_at) : /* @__PURE__ */ new Date(),
@@ -15103,7 +14923,7 @@ var JournalForm = ({ config, stringOverrides }) => {
         placeholderText: "Select date",
         currentDateOption: false
       }
-    ), /* @__PURE__ */ import_react166.default.createElement(
+    ), /* @__PURE__ */ import_react165.default.createElement(
       DatePicker,
       {
         selected: form?.data.entry_at ? new Date(form?.data.entry_at) : /* @__PURE__ */ new Date(),
@@ -15117,7 +14937,7 @@ var JournalForm = ({ config, stringOverrides }) => {
         currentDateOption: false
       }
     )))),
-    /* @__PURE__ */ import_react166.default.createElement(
+    /* @__PURE__ */ import_react165.default.createElement(
       JournalFormEntryLines,
       {
         entrylineItems: form?.data.line_items || [],
@@ -15128,7 +14948,7 @@ var JournalForm = ({ config, stringOverrides }) => {
         config
       }
     ),
-    /* @__PURE__ */ import_react166.default.createElement("div", { className: "Layer__journal__form__input-group Layer__journal__form__input-group__textarea" }, /* @__PURE__ */ import_react166.default.createElement(InputGroup, { name: "memo", label: "Notes" }, /* @__PURE__ */ import_react166.default.createElement(
+    /* @__PURE__ */ import_react165.default.createElement("div", { className: "Layer__journal__form__input-group Layer__journal__form__input-group__textarea" }, /* @__PURE__ */ import_react165.default.createElement(InputGroup, { name: "memo", label: "Notes" }, /* @__PURE__ */ import_react165.default.createElement(
       Textarea,
       {
         name: "memo",
@@ -15138,7 +14958,7 @@ var JournalForm = ({ config, stringOverrides }) => {
         disabled: sendingForm
       }
     ))),
-    /* @__PURE__ */ import_react166.default.createElement("div", { className: "Layer__journal__bottom-actions" }, /* @__PURE__ */ import_react166.default.createElement(
+    /* @__PURE__ */ import_react165.default.createElement("div", { className: "Layer__journal__bottom-actions" }, /* @__PURE__ */ import_react165.default.createElement(
       Button,
       {
         type: "button",
@@ -15147,7 +14967,7 @@ var JournalForm = ({ config, stringOverrides }) => {
         disabled: sendingForm
       },
       stringOverrides?.cancelButton || "Cancel"
-    ), apiError && /* @__PURE__ */ import_react166.default.createElement(
+    ), apiError && /* @__PURE__ */ import_react165.default.createElement(
       RetryButton,
       {
         type: "submit",
@@ -15156,7 +14976,7 @@ var JournalForm = ({ config, stringOverrides }) => {
         disabled: sendingForm
       },
       stringOverrides?.retryButton || "Retry"
-    ), !apiError && /* @__PURE__ */ import_react166.default.createElement(
+    ), !apiError && /* @__PURE__ */ import_react165.default.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -15175,17 +14995,122 @@ var JournalSidebar = ({
   config,
   stringOverrides
 }) => {
-  const { selectedEntryId } = (0, import_react167.useContext)(JournalContext);
+  const { selectedEntryId } = (0, import_react166.useContext)(JournalContext);
   if (selectedEntryId !== "new") {
-    return /* @__PURE__ */ import_react167.default.createElement(JournalEntryDetails, null);
+    return /* @__PURE__ */ import_react166.default.createElement(JournalEntryDetails, null);
   }
-  return /* @__PURE__ */ import_react167.default.createElement(JournalForm, { config, stringOverrides });
+  return /* @__PURE__ */ import_react166.default.createElement(JournalForm, { config, stringOverrides });
 };
 
 // src/components/JournalTable/JournalTable.tsx
-var COMPONENT_NAME6 = "journal";
+var import_react167 = __toESM(require("react"));
+var import_date_fns33 = require("date-fns");
+var rowId = (row) => {
+  if ("id" in row) {
+    return row.id;
+  }
+  if ("account_identifier" in row) {
+    return `${row.account_identifier.id}-${Math.random()}`;
+  }
+  return `${Math.random()}`;
+};
+var accountName = (row) => {
+  if ("account" in row) {
+    return row.account.name;
+  }
+  if ("account_identifier" in row) {
+    return row.account_identifier.name;
+  }
+  return "";
+};
 var JournalTable = ({
   view,
+  data,
+  stringOverrides
+}) => /* @__PURE__ */ import_react167.default.createElement(TableProvider, null, /* @__PURE__ */ import_react167.default.createElement(
+  JournalTableContent,
+  {
+    view,
+    data,
+    stringOverrides
+  }
+));
+var JournalTableContent = ({
+  data,
+  stringOverrides
+}) => {
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react167.useContext)(JournalContext);
+  const { isOpen, setIsOpen } = useTableExpandRow();
+  (0, import_react167.useEffect)(() => {
+    if (data.length > 0) {
+      setIsOpen([`journal-row- + ${data[0].id}`]);
+    }
+  }, []);
+  const renderJournalRow = (row, index, rowKey, depth) => {
+    const expandable = !!row.line_items && row.line_items.length > 0;
+    const expanded = expandable ? isOpen(rowKey) : true;
+    return /* @__PURE__ */ import_react167.default.createElement(import_react167.default.Fragment, { key: rowKey + "-" + index }, /* @__PURE__ */ import_react167.default.createElement(
+      TableRow,
+      {
+        rowKey: rowKey + "-" + index,
+        expandable,
+        isExpanded: expanded,
+        handleExpand: () => setIsOpen(rowKey),
+        selected: selectedEntryId === row.id,
+        onClick: (e) => {
+          e.stopPropagation();
+          if (selectedEntryId === row.id) {
+            closeSelectedEntry();
+          } else {
+            setSelectedEntryId(row.id);
+          }
+        },
+        depth
+      },
+      /* @__PURE__ */ import_react167.default.createElement(
+        TableCell,
+        {
+          withExpandIcon: expandable,
+          onClick: (e) => {
+            e.stopPropagation();
+            expandable && setIsOpen(rowKey);
+          }
+        },
+        rowId(row).substring(0, 5)
+      ),
+      /* @__PURE__ */ import_react167.default.createElement(TableCell, null, row.date && (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(row.date), DATE_FORMAT)),
+      /* @__PURE__ */ import_react167.default.createElement(TableCell, null, humanizeEnum(row.entry_type)),
+      /* @__PURE__ */ import_react167.default.createElement(TableCell, null, "(", row.line_items.length, ")"),
+      /* @__PURE__ */ import_react167.default.createElement(TableCell, { isCurrency: true, primary: true }, "line_items" in row && Math.abs(
+        row.line_items.filter((item) => item.direction === "DEBIT").map((item) => item.amount).reduce((a, b) => a + b, 0)
+      )),
+      /* @__PURE__ */ import_react167.default.createElement(TableCell, { isCurrency: true, primary: true }, "line_items" in row && Math.abs(
+        row.line_items.filter((item) => item.direction === "CREDIT").map((item) => item.amount).reduce((a, b) => a + b, 0)
+      ))
+    ), expandable && expanded && row.line_items.map((subItem, subIdx) => /* @__PURE__ */ import_react167.default.createElement(
+      TableRow,
+      {
+        key: rowKey + "-" + index + "-" + subIdx,
+        rowKey: rowKey + "-" + index + "-" + subIdx,
+        depth: depth + 1,
+        selected: selectedEntryId === row.id
+      },
+      /* @__PURE__ */ import_react167.default.createElement(TableCell, null),
+      /* @__PURE__ */ import_react167.default.createElement(TableCell, null),
+      /* @__PURE__ */ import_react167.default.createElement(TableCell, null),
+      /* @__PURE__ */ import_react167.default.createElement(TableCell, null, accountName(subItem)),
+      subItem.direction === "DEBIT" && subItem.amount > 0 ? /* @__PURE__ */ import_react167.default.createElement(TableCell, { isCurrency: true, primary: true }, subItem.amount) : /* @__PURE__ */ import_react167.default.createElement(TableCell, null),
+      subItem.direction === "CREDIT" && subItem.amount > 0 ? /* @__PURE__ */ import_react167.default.createElement(TableCell, { isCurrency: true, primary: true }, subItem.amount) : /* @__PURE__ */ import_react167.default.createElement(TableCell, null)
+    )));
+  };
+  return /* @__PURE__ */ import_react167.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react167.default.createElement(TableHead, null, /* @__PURE__ */ import_react167.default.createElement(TableRow, { isHeadRow: true, rowKey: "journal-head-row" }, /* @__PURE__ */ import_react167.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.idColumnHeader || "Id"), /* @__PURE__ */ import_react167.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.dateColumnHeader || "Date"), /* @__PURE__ */ import_react167.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.transactionColumnHeader || "Transaction"), /* @__PURE__ */ import_react167.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.accountColumnHeader || "Account"), /* @__PURE__ */ import_react167.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.debitColumnHeader || "Debit"), /* @__PURE__ */ import_react167.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.creditColumnHeader || "Credit"))), /* @__PURE__ */ import_react167.default.createElement(TableBody, null, data.map(
+    (entry, idx) => renderJournalRow(entry, idx, `journal-row-${entry.id}`, 0)
+  )));
+};
+
+// src/components/JournalTable/JournalTableWithPanel.tsx
+var COMPONENT_NAME6 = "journal";
+var JournalTableWithPanel = ({
   containerRef,
   pageSize = 15,
   config,
@@ -15209,22 +15134,19 @@ var JournalTable = ({
   return /* @__PURE__ */ import_react168.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react168.default.createElement(JournalSidebar, { parentRef: containerRef, config, stringOverrides: stringOverrides?.journalForm }),
+      sidebar: /* @__PURE__ */ import_react168.default.createElement(
+        JournalSidebar,
+        {
+          parentRef: containerRef,
+          config,
+          stringOverrides: stringOverrides?.journalForm
+        }
+      ),
       sidebarIsOpen: Boolean(selectedEntryId),
       parentRef: containerRef
     },
     /* @__PURE__ */ import_react168.default.createElement(Header, { className: `Layer__${COMPONENT_NAME6}__header` }, /* @__PURE__ */ import_react168.default.createElement(Heading, { className: `Layer__${COMPONENT_NAME6}__title` }, stringOverrides?.componentTitle || "Journal"), /* @__PURE__ */ import_react168.default.createElement("div", { className: `Layer__${COMPONENT_NAME6}__actions` }, /* @__PURE__ */ import_react168.default.createElement(Button, { onClick: () => addEntry(), disabled: isLoading }, stringOverrides?.addEntryButton || "Add Entry"))),
-    /* @__PURE__ */ import_react168.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__journal__table" }, /* @__PURE__ */ import_react168.default.createElement("thead", null, /* @__PURE__ */ import_react168.default.createElement("tr", null, /* @__PURE__ */ import_react168.default.createElement("th", { className: "Layer__table-header" }), /* @__PURE__ */ import_react168.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.idColumnHeader || "Id"), /* @__PURE__ */ import_react168.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.dateColumnHeader || "Date"), /* @__PURE__ */ import_react168.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.transactionColumnHeader || "Transaction"), /* @__PURE__ */ import_react168.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.accountColumnHeader || "Account"), /* @__PURE__ */ import_react168.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.debitColumnHeader || "Debit"), /* @__PURE__ */ import_react168.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.creditColumnHeader || "Credit"))), /* @__PURE__ */ import_react168.default.createElement("tbody", null, !error && data?.map((entry, idx) => {
-      return /* @__PURE__ */ import_react168.default.createElement(
-        JournalRow,
-        {
-          key: "journal-row-" + idx + entry.id,
-          index: idx,
-          view,
-          row: entry
-        }
-      );
-    }))),
+    data && /* @__PURE__ */ import_react168.default.createElement(JournalTable, { view: "desktop", data }),
     data && /* @__PURE__ */ import_react168.default.createElement("div", { className: "Layer__journal__pagination" }, /* @__PURE__ */ import_react168.default.createElement(
       Pagination,
       {
@@ -15234,6 +15156,14 @@ var JournalTable = ({
         onPageChange: (page) => setCurrentPage(page)
       }
     )),
+    data?.length === 0 && !isLoading && !error && /* @__PURE__ */ import_react168.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react168.default.createElement(
+      DataState,
+      {
+        status: "allDone" /* allDone */,
+        title: "No entries found",
+        description: "There are no entries in the journal."
+      }
+    )),
     error ? /* @__PURE__ */ import_react168.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react168.default.createElement(
       DataState,
       {
@@ -15257,7 +15187,7 @@ var JOURNAL_CONFIG = {
 var Journal = (props) => {
   const JournalContextData = useJournal();
   const AccountsContextData = useChartOfAccounts();
-  return /* @__PURE__ */ import_react169.default.createElement(ChartOfAccountsContext.Provider, { value: AccountsContextData }, /* @__PURE__ */ import_react169.default.createElement(JournalContext.Provider, { value: JournalContextData }, /* @__PURE__ */ import_react169.default.createElement(TableProvider, null, /* @__PURE__ */ import_react169.default.createElement(JournalContent, { ...props }))));
+  return /* @__PURE__ */ import_react169.default.createElement(ChartOfAccountsContext.Provider, { value: AccountsContextData }, /* @__PURE__ */ import_react169.default.createElement(JournalContext.Provider, { value: JournalContextData }, /* @__PURE__ */ import_react169.default.createElement(JournalContent, { ...props })));
 };
 var JournalContent = ({
   asWidget,
@@ -15277,7 +15207,7 @@ var JournalContent = ({
     }
   });
   return /* @__PURE__ */ import_react169.default.createElement(Container, { name: "journal", ref: containerRef, asWidget }, /* @__PURE__ */ import_react169.default.createElement(
-    JournalTable,
+    JournalTableWithPanel,
     {
       view,
       containerRef,
@@ -15367,8 +15297,8 @@ function isComplete(taskType) {
 var import_react172 = __toESM(require("react"));
 
 // src/icons/ProgressIcon.tsx
-var React173 = __toESM(require("react"));
-var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React173.createElement(
+var React170 = __toESM(require("react"));
+var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React170.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -15378,7 +15308,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React173.createE
     width: size,
     height: size
   },
-  /* @__PURE__ */ React173.createElement(
+  /* @__PURE__ */ React170.createElement(
     "path",
     {
       d: "M9 1.5V4.5",
@@ -15387,7 +15317,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React173.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React173.createElement(
+  /* @__PURE__ */ React170.createElement(
     "path",
     {
       d: "M9 13.5V16.5",
@@ -15396,7 +15326,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React173.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React173.createElement(
+  /* @__PURE__ */ React170.createElement(
     "path",
     {
       d: "M3.6975 3.6975L5.82 5.82",
@@ -15405,7 +15335,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React173.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React173.createElement(
+  /* @__PURE__ */ React170.createElement(
     "path",
     {
       d: "M12.18 12.18L14.3025 14.3025",
@@ -15414,7 +15344,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React173.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React173.createElement(
+  /* @__PURE__ */ React170.createElement(
     "path",
     {
       d: "M1.5 9H4.5",
@@ -15423,7 +15353,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React173.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React173.createElement(
+  /* @__PURE__ */ React170.createElement(
     "path",
     {
       d: "M13.5 9H16.5",
@@ -15432,7 +15362,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React173.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React173.createElement(
+  /* @__PURE__ */ React170.createElement(
     "path",
     {
       d: "M3.6975 14.3025L5.82 12.18",
@@ -15441,7 +15371,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React173.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React173.createElement(
+  /* @__PURE__ */ React170.createElement(
     "path",
     {
       d: "M12.18 5.82L14.3025 3.6975",
@@ -15500,8 +15430,8 @@ var TasksHeader = ({
 var import_react174 = __toESM(require("react"));
 
 // src/icons/SmileIcon.tsx
-var React175 = __toESM(require("react"));
-var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React175.createElement(
+var React172 = __toESM(require("react"));
+var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React172.createElement(
   "svg",
   {
     viewBox: "0 0 12 12",
@@ -15511,7 +15441,7 @@ var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React175.createElem
     width: size,
     height: size
   },
-  /* @__PURE__ */ React175.createElement(
+  /* @__PURE__ */ React172.createElement(
     "path",
     {
       d: "M6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5Z",
@@ -15520,7 +15450,7 @@ var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React175.createElem
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React175.createElement(
+  /* @__PURE__ */ React172.createElement(
     "path",
     {
       d: "M4.5 7.5C4.5 7.5 5.25 8.5 6.5 8.5C7.75 8.5 8.5 7.5 8.5 7.5",
@@ -15529,7 +15459,7 @@ var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React175.createElem
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React175.createElement(
+  /* @__PURE__ */ React172.createElement(
     "path",
     {
       d: "M5 5H5.005",
@@ -15538,7 +15468,7 @@ var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React175.createElem
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React175.createElement(
+  /* @__PURE__ */ React172.createElement(
     "path",
     {
       d: "M8 5H8.005",
@@ -15552,7 +15482,7 @@ var SmileIcon_default = SmileIcon;
 
 // src/components/TasksListItem/TasksListItem.tsx
 var import_react173 = __toESM(require("react"));
-var import_classnames61 = __toESM(require("classnames"));
+var import_classnames59 = __toESM(require("classnames"));
 var TasksListItem = ({
   task,
   goToNextPageIfAllComplete,
@@ -15561,16 +15491,16 @@ var TasksListItem = ({
   const [isOpen, setIsOpen] = (0, import_react173.useState)(defaultOpen);
   const [userResponse, setUserResponse] = (0, import_react173.useState)(task.user_response || "");
   const { submitResponseToTask: submitResponseToTask2 } = (0, import_react173.useContext)(TasksContext);
-  const taskBodyClassName = (0, import_classnames61.default)(
+  const taskBodyClassName = (0, import_classnames59.default)(
     "Layer__tasks-list-item__body",
     isOpen && "Layer__tasks-list-item__body--expanded",
     isComplete(task.status) && "Layer__tasks-list-item--completed"
   );
-  const taskHeadClassName = (0, import_classnames61.default)(
+  const taskHeadClassName = (0, import_classnames59.default)(
     "Layer__tasks-list-item__head-info",
     isComplete(task.status) ? "Layer__tasks-list-item--completed" : "Layer__tasks-list-item--pending"
   );
-  const taskItemClassName = (0, import_classnames61.default)(
+  const taskItemClassName = (0, import_classnames59.default)(
     "Layer__tasks-list-item",
     isOpen && "Layer__tasks-list-item__expanded"
   );
@@ -15669,7 +15599,7 @@ var TasksList = ({ pageSize = 10 }) => {
 
 // src/components/TasksPending/TasksPending.tsx
 var import_react175 = __toESM(require("react"));
-var import_classnames62 = __toESM(require("classnames"));
+var import_classnames60 = __toESM(require("classnames"));
 var import_date_fns34 = require("date-fns");
 var import_recharts4 = require("recharts");
 var TasksPending = () => {
@@ -15685,7 +15615,7 @@ var TasksPending = () => {
       value: data?.filter((task) => !isComplete(task.status)).length
     }
   ];
-  const taskStatusClassName = (0, import_classnames62.default)(
+  const taskStatusClassName = (0, import_classnames60.default)(
     completedTasks && completedTasks > 0 ? "Layer__tasks-pending-bar__status--done" : "Layer__tasks-pending-bar__status--pending"
   );
   return /* @__PURE__ */ import_react175.default.createElement("div", { className: "Layer__tasks-pending" }, /* @__PURE__ */ import_react175.default.createElement(Text, { size: "lg" /* lg */ }, (0, import_date_fns34.format)(Date.now(), "MMMM")), /* @__PURE__ */ import_react175.default.createElement("div", { className: "Layer__tasks-pending-bar" }, /* @__PURE__ */ import_react175.default.createElement(Text, { size: "sm" /* sm */ }, /* @__PURE__ */ import_react175.default.createElement("span", { className: taskStatusClassName }, completedTasks), "/", data?.length, " done"), /* @__PURE__ */ import_react175.default.createElement(import_recharts4.PieChart, { width: 24, height: 24, className: "mini-chart" }, /* @__PURE__ */ import_react175.default.createElement(
@@ -15719,7 +15649,7 @@ var TasksPending = () => {
 };
 
 // src/components/Tasks/Tasks.tsx
-var import_classnames63 = __toESM(require("classnames"));
+var import_classnames61 = __toESM(require("classnames"));
 var UseTasksContext = (0, import_react176.createContext)({
   data: void 0,
   isLoading: void 0,
@@ -15791,7 +15721,7 @@ var TasksComponent = ({
   ), /* @__PURE__ */ import_react176.default.createElement(
     "div",
     {
-      className: (0, import_classnames63.default)(
+      className: (0, import_classnames61.default)(
         "Layer__tasks__content",
         !open && "Layer__tasks__content--collapsed"
       )
@@ -15804,8 +15734,8 @@ var TasksComponent = ({
 var import_react177 = __toESM(require("react"));
 
 // src/icons/Coffee.tsx
-var React180 = __toESM(require("react"));
-var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React180.createElement(
+var React177 = __toESM(require("react"));
+var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React177.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -15815,7 +15745,7 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React180.createEle
     width: size,
     height: size
   },
-  /* @__PURE__ */ React180.createElement("g", { "clip-path": "url(#clip0_5018_10141)" }, /* @__PURE__ */ React180.createElement(
+  /* @__PURE__ */ React177.createElement("g", { clipPath: "url(#clip0_5018_10141)" }, /* @__PURE__ */ React177.createElement(
     "path",
     {
       d: "M3.25 4.16666H2.79167C2.30544 4.16666 1.83912 4.35981 1.4953 4.70363C1.15149 5.04744 0.958333 5.51376 0.958333 5.99999C0.958333 6.48622 1.15149 6.95254 1.4953 7.29635C1.83912 7.64017 2.30544 7.83332 2.79167 7.83332H3.25",
@@ -15823,7 +15753,7 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React180.createEle
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React180.createElement(
+  ), /* @__PURE__ */ React177.createElement(
     "path",
     {
       d: "M10.5834 4.16666H3.25004V8.29166C3.25004 8.77789 3.4432 9.2442 3.78701 9.58802C4.13083 9.93184 4.59714 10.125 5.08337 10.125H8.75004C9.23627 10.125 9.70259 9.93184 10.0464 9.58802C10.3902 9.2442 10.5834 8.77789 10.5834 8.29166V4.16666Z",
@@ -15831,7 +15761,7 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React180.createEle
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React180.createElement(
+  ), /* @__PURE__ */ React177.createElement(
     "path",
     {
       d: "M8.75 0.958344V2.33334",
@@ -15839,7 +15769,7 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React180.createEle
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React180.createElement(
+  ), /* @__PURE__ */ React177.createElement(
     "path",
     {
       d: "M6.91663 0.958344V2.33334",
@@ -15847,7 +15777,7 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React180.createEle
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React180.createElement(
+  ), /* @__PURE__ */ React177.createElement(
     "path",
     {
       d: "M5.08337 0.958344V2.33334",
@@ -15856,7 +15786,7 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React180.createEle
       strokeLinejoin: "round"
     }
   )),
-  /* @__PURE__ */ React180.createElement("defs", null, /* @__PURE__ */ React180.createElement("clipPath", { id: "clip0_5018_10141" }, /* @__PURE__ */ React180.createElement(
+  /* @__PURE__ */ React177.createElement("defs", null, /* @__PURE__ */ React177.createElement("clipPath", { id: "clip0_5018_10141" }, /* @__PURE__ */ React177.createElement(
     "rect",
     {
       width: "11",
@@ -15885,7 +15815,7 @@ var BookkeepingUpsellBar = ({
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
 var import_react178 = __toESM(require("react"));
-var import_classnames64 = __toESM(require("classnames"));
+var import_classnames62 = __toESM(require("classnames"));
 var BookkeepingOverview = ({
   title,
   // deprecated
@@ -15951,7 +15881,7 @@ var BookkeepingOverview = ({
     ), /* @__PURE__ */ import_react178.default.createElement(
       Container,
       {
-        name: (0, import_classnames64.default)(
+        name: (0, import_classnames62.default)(
           "bookkeeping-overview-profit-and-loss-chart",
           pnlToggle !== "revenue" && "bookkeeping-overview-profit-and-loss-chart--hidden"
         )
@@ -15967,7 +15897,7 @@ var BookkeepingOverview = ({
     ), /* @__PURE__ */ import_react178.default.createElement(
       Container,
       {
-        name: (0, import_classnames64.default)(
+        name: (0, import_classnames62.default)(
           "bookkeeping-overview-profit-and-loss-chart",
           pnlToggle !== "expenses" && "bookkeeping-overview-profit-and-loss-chart--hidden"
         )
@@ -15998,13 +15928,13 @@ var BadgeLoader = ({ children }) => {
 
 // src/components/NotificationCard/NotificationCard.tsx
 var import_react180 = __toESM(require("react"));
-var import_classnames65 = __toESM(require("classnames"));
+var import_classnames63 = __toESM(require("classnames"));
 var NotificationCard = ({
   onClick,
   children,
   className
 }) => {
-  return /* @__PURE__ */ import_react180.default.createElement("div", { className: (0, import_classnames65.default)("Layer__notification-card", className) }, /* @__PURE__ */ import_react180.default.createElement("div", { className: "Layer__notification-card__main" }, children), /* @__PURE__ */ import_react180.default.createElement(
+  return /* @__PURE__ */ import_react180.default.createElement("div", { className: (0, import_classnames63.default)("Layer__notification-card", className) }, /* @__PURE__ */ import_react180.default.createElement("div", { className: "Layer__notification-card__main" }, children), /* @__PURE__ */ import_react180.default.createElement(
     IconButton,
     {
       icon: /* @__PURE__ */ import_react180.default.createElement(ChevronRight_default, null),
@@ -16083,7 +16013,7 @@ var TransactionToReviewCard = ({
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-var import_classnames66 = __toESM(require("classnames"));
+var import_classnames64 = __toESM(require("classnames"));
 var AccountingOverview = ({
   title = "Accounting overview",
   enableOnboarding = false,
@@ -16143,7 +16073,7 @@ var AccountingOverview = ({
   ), /* @__PURE__ */ import_react182.default.createElement(
     Container,
     {
-      name: (0, import_classnames66.default)(
+      name: (0, import_classnames64.default)(
         "accounting-overview-profit-and-loss-chart",
         pnlToggle !== "revenue" && "accounting-overview-profit-and-loss-chart--hidden"
       )
@@ -16160,7 +16090,7 @@ var AccountingOverview = ({
   ), /* @__PURE__ */ import_react182.default.createElement(
     Container,
     {
-      name: (0, import_classnames66.default)(
+      name: (0, import_classnames64.default)(
         "accounting-overview-profit-and-loss-chart",
         pnlToggle !== "expenses" && "accounting-overview-profit-and-loss-chart--hidden"
       )
@@ -16252,7 +16182,8 @@ var GeneralLedgerView = ({
 // src/views/Reports/Reports.tsx
 var import_react185 = __toESM(require("react"));
 var DownloadButton2 = ({
-  stringOverrides
+  stringOverrides,
+  moneyFormat
 }) => {
   const { dateRange } = (0, import_react185.useContext)(ProfitAndLoss.Context);
   const { auth, businessId, apiUrl } = useLayerContext();
@@ -16267,7 +16198,8 @@ var DownloadButton2 = ({
         params: {
           businessId,
           year,
-          month
+          month,
+          moneyFormat
         }
       }
     );
@@ -16321,7 +16253,9 @@ var Reports = ({
   title,
   stringOverrides,
   enabledReports = ["profitAndLoss", "balanceSheet", "statementOfCashFlow"],
-  comparisonConfig
+  comparisonConfig,
+  profitAndLossConfig,
+  statementOfCashFlowConfig
 }) => {
   const containerRef = (0, import_react185.useRef)(null);
   const [activeTab, setActiveTab] = (0, import_react185.useState)(enabledReports[0]);
@@ -16341,7 +16275,9 @@ var Reports = ({
       containerRef,
       openReport: activeTab,
       stringOverrides,
-      comparisonConfig
+      comparisonConfig,
+      profitAndLossConfig,
+      statementOfCashFlowConfig
     }
   ))));
 };
@@ -16349,14 +16285,21 @@ var ReportsPanel = ({
   containerRef,
   openReport,
   stringOverrides,
-  comparisonConfig
+  comparisonConfig,
+  profitAndLossConfig,
+  statementOfCashFlowConfig
 }) => {
   const { sidebarScope } = (0, import_react185.useContext)(ProfitAndLoss.Context);
   return /* @__PURE__ */ import_react185.default.createElement(import_react185.default.Fragment, null, openReport === "profitAndLoss" && /* @__PURE__ */ import_react185.default.createElement(
     View,
     {
       type: "panel",
-      headerControls: /* @__PURE__ */ import_react185.default.createElement(import_react185.default.Fragment, null, /* @__PURE__ */ import_react185.default.createElement(ProfitAndLoss.DatePicker, null), /* @__PURE__ */ import_react185.default.createElement("div", { className: "Layer__compare__controls__wrapper" }, comparisonConfig && /* @__PURE__ */ import_react185.default.createElement(
+      headerControls: /* @__PURE__ */ import_react185.default.createElement(import_react185.default.Fragment, null, /* @__PURE__ */ import_react185.default.createElement(
+        ProfitAndLoss.DatePicker,
+        {
+          datePickerMode: profitAndLossConfig?.datePickerMode
+        }
+      ), /* @__PURE__ */ import_react185.default.createElement("div", { className: "Layer__compare__controls__wrapper" }, comparisonConfig && /* @__PURE__ */ import_react185.default.createElement(
         ProfitAndLoss.CompareOptions,
         {
           tagComparisonOptions: comparisonConfig.tagComparisonOptions,
@@ -16365,7 +16308,8 @@ var ReportsPanel = ({
       ), /* @__PURE__ */ import_react185.default.createElement(
         DownloadButton2,
         {
-          stringOverrides: stringOverrides?.downloadButton
+          stringOverrides: stringOverrides?.downloadButton,
+          moneyFormat: profitAndLossConfig?.csvMoneyFormat
         }
       )))
     },
@@ -16393,7 +16337,8 @@ var ReportsPanel = ({
   ), openReport === "balanceSheet" && /* @__PURE__ */ import_react185.default.createElement(BalanceSheet, { stringOverrides: stringOverrides?.balanceSheet }), openReport === "statementOfCashFlow" && /* @__PURE__ */ import_react185.default.createElement(
     StatementOfCashFlow,
     {
-      stringOverrides: stringOverrides?.statementOfCashflow
+      stringOverrides: stringOverrides?.statementOfCashflow,
+      datePickerMode: statementOfCashFlowConfig?.datePickerMode
     }
   ));
 };